⑦ “字型”的具体描述性质的
文字字体的选择范围内的
一个因素。报告还描述
属性用于下载字体定义。
unicode-range: U+00-FF,U+980-9FF;
⑧“文本”描述
属性的特定
文字样式,间距和
自动滚屏。
normal
-webkit-marquee: right large infinite
normal 10s; 常量:direction(方向) increment(迭代
次数) repetition(重复) style(样式) speed(速度);
-webkit-marquee-direction: ahead/auto/backwards/down/forwards/left/reverse/right/up
-webkit-marquee-incrementt: 1-n/infinite(无穷次)
-webkit-marquee-speed: fast/
normal/slow
-webkit-marquee-style: alternate/none/scroll/slide
-webkit-text-fill-color: #ff6600; 常量:capitalize,lowercase,none,uppercase
-webkit-text-s
ecurity: circle; 常量:circle/
disc/none/square
-webkit-text-size-adjust: none; 常量:auto/none;
-webkit-text-
stroke: 15px #fff;
-webkit-line-break: after-white-space; 常量:
normal/after-white-space
-webkit-appe
arance: caps-lock-indicator;
-webkit-nbsp-mode: space; 常量:
normal/space
-webkit-rtl-ordering: logical; 常量:visual/logical
-webkit-user-drag: element; 常量:element/auto/none
-webkit-user-modify: read- only; 常量:read-write-plaintext-only/read-write/read-only
-webkit-user-select: text; 常量:text/auto/none
⑨“表格”描述的布局和设计
性能表的具体
内容。
otted,double,groove,hidden,inset,outset,ridge,solid
⑩“
用户界面”描述
属性,涉及到
用户界面元素在浏览器中,如滚动
文字区,滚动条,等等。报告还描述
属性,范围以外的网页
内容,如光标的标注样式和
显示当您按住触摸触摸
目标,如在iPhone上的
链接。
Box-align: baseline,center,end,start,stretch 常量:baseline/center/end/start/stretch
-webkit-
Box-direction:
normal;常量:
normal/reverse
-webkit-
Box-flex: flex_valuet
-webkit-
Box-flex-group: group_number
-webkit-
Box-li
nes: multiple; 常量:multiple/single
-webkit-
Box-ordinal-group: group_number
-webkit-
Box-orient: block-axis; 常量:block-axis/horizontal/inline-axis/vertical/orientation
–webkit-
Box-pack: alignment; 常量:center/end/justify/start
12. 动画过渡
这是 Webkit 中最具创新力的特性:使用过渡
函数定义动画。
属性:
-webkit-animation-name: //
属性名,就是我们定义的keyframes
-webkit-animation-duration:3s //持续时间
-webkit-animation-timing-function: //过渡类型:ease/ linear(线性) /ease-in(慢到快)/ease-out(快到慢) /ease-in-out(慢到快再到慢) /cubic-bezier
-webkit-animation-delay:10ms //动画延迟(
默认0)
-webkit-animation-i
teration-count: //循环
次数(
默认1),infinite 为无限
-webkit-animation-direction: //动画方式:
normal(
默认 正向播放); alternate(交替方向,第偶数次正向播放,第奇数次反向播放)
这些同样是可以简写的。但真正让我觉的很爽的是keyframes,它能定义
一个动画的转变过程供
调用,过程为0%到100%或from(0%)到to(100%)。简单点说,只要你有想法,你想让元素
在这个过程中以什么样的方式改变都是很简单的。
实现模拟弹出消息框(Alert)的例子:
①定义过渡(在