The Use Guides
- 阅读及使用指引
手册使用说明 The Instruction
- 手册在接下来将只更新 IE8.0+, Firefox40.0+, Chrome40.0+, iOS8.0+, Android4.4+, Android Chrome28.0+, Opera40.0+(Opera从15.0开始转入webkit阵营)的支持数据,低于这些版本的数据将不再更新,共同期望未来前端的环境越来越好。
- 对于 `IE` 和 `Edge`,手册是合并到一起体现的。`IE11.0 及之前` 的版本为 `IE 浏览器`,`IE12.0 及以后` 的版本为 `Edge 浏览器`,阅读者可根据版本来确定。
- Android 4.4 开始将 Webview 由 Webkit 切换到 Chromium,4.4.2 内置的是 chromium 30,5.0 内置的是 chromium 37,不同的厂商会存在差异。需要注意的是虽然 Android 4.4 将 Webview 切换到 Chromium,但是这仍然与 Android Chrome 是有区别的,如果你想升级 Android Webview 只能通过升级手机系统来实现,单纯升级 Android Chrome 并不能改变 Android Webview 的版本
- 关于本手册一些特定阅读方式的说明
- 关于本手册存在的一些问题说明及解决方法
阅读指引 The Read Guides
-
导航指引:
-
左侧导航区域,橙色为CSS3新增,紫色为在CSS3中有变更(比如增加了新的属性值),黑色为CSS2.1及更早前,如下所示:
- 橙色 = CSS3新增
- 紫色 = 在CSS3中有变更
- 黑色 = CSS2.1及更早
-
-
语法指引:
任何一种形态、关键字、群组后面都可以接下列修饰符中的其中一个:
- * 代表出现0次或以上。
- + 代表出现1次或以上。
- ? 代表是可选的,即出现0次或1次。
- {A} 代表出现A次。
- {A,B} 代表出现 A 次以上 B 次以下,其中B可以省略为 {A,},代表至少出现A次,无上限。
- # 代表出现1次以上,以逗号隔开,可以选择后面跟大括号的形式,精确表示重复多少次,如
<length>#{1,4}
。 - ! 代表出现产生一个值,即使组内的值都可以省略,但至少有一个值不能呗省略,如
[ A? B? C? ]!
。 -
0个或更多 A? B? C? A? || B? || C? 1个或更多 [ A? B? C? ]! A || B || C 1个 A | B | C 所有 A B C A && B && C
-
兼容性:
- 手册在所有参考页的头部和底部都有对浏览器兼容性测试基础环境的说明。
- 兼容性试图将会慢慢全部改成如下表:
- 浅绿 = 支持
- 红色 = 不支持
- 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome Basic Support 9.0 40.0+ 40.0+ 8.0+-webkit- 40.0+ 8.0+-webkit- 4.4+ 28.0+ 10.0-11.0 9.0 9.0 12.0+ IE9.0及之前的版本不支持该属性,10.0-11.0部分支持该属性(需要使用2012版语法),12.0以后(即edge浏览器)支持该属性;
Firefox, Chrome, Opera,Android 全面支持该属性;
Safari 与 iOS Safari 8.0 使用该属性需加 -webkit- 前缀,9.0及以后版本完全支持该属性;
-
脚本特性:
-
每个CSS属性参考页所指定的该属性的脚本特性,是指js如何访问该CSS属性。如:float属性的脚本特性为styleFloat或cssFloat,那么js这样写:
js代码:
IE:
DOM.style.styleFloat
非IE:DOM.style.cssFloat
-
-
示例:
- 每个CSS参考页的示例都可以点击“运行”按钮,直接查看效果。
- 目前已知在win7下,本手册的chm版下的示例点击“运行”会出错,在未修复该问题前,如需查看某个示例,请将该示例代码拷贝到本地进行浏览。
问题指引 The Question Guides
-
在win7下,本手册的chm版下的示例点击“运行”出错
问题未被修复。在未修复该问题前,如需查看某个示例,请将该示例代码拷贝到本地进行浏览。
-
chm版下载后打开出现网页无法访问的情况
在chm上右键选择“属性”,勾选最下面的“解除锁定”并应用确定,再次打开就可以了。