The Use Guides

  • 阅读及使用指引
html+div+css+天猫商城
html5+css3+京东手机网站
javascript+jquery+ajax
正则表达式+面向对象+js插件
2D+3D+触屏事件+Canvas+Svg
地理信息+本地存储+H5拖拽api
查看课程大纲

手册使用说明 The Instruction

  • 手册在接下来将只更新IE6.0+, Firefox4.0+, Chrome4.0+, Safari4.0+, Opera15.0+(Opera从15.0开始转入webkit阵营)的支持数据,低于这些版本的数据将不再更新,共同期望未来前端的环境越来越好。
  • 关于本手册一些特定阅读方式的说明
  • 关于本手册存在的一些问题说明及解决方法

阅读指引 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 6.0-10.0 2.0-21.0 4.0-20.0 6.0 15.0+-webkit- 6.0-6.1 2.1-4.3 18.0-19.0
      11.0+ 22.0+ 21.0+-webkit- 6.1+-webkit- 17.0+ 7.0+-webkit- 4.4+ 20.0+-webkit-
      29.0+ 9.0+ 9.0+ 28.0+
      假设上述表格是对属性order的兼容性说明,那表示:

      IE6.0-10.0不支持该属性,11.0及以后支持该属性;

      Firefox2.0-21.0不支持该属性,22.0及以后支持该属性;

      Chrome4.0-20.0不支持该属性,21.0及以后支持该属性但需加厂商前缀 -webkit-,29.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上右键选择“属性”,勾选最下面的“解除锁定”并应用确定,再次打开就可以了。