The Use 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+

  假设上述表格是对属性order的兼容性说明，那表示：

  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版下的示例点击“运行”会出错，在未修复该问题前，如需查看某个示例，请将该示例代码拷贝到本地进行浏览。