The Use Guides Of CSS Manual

CSS3

The Use Guides

  • 阅读及使用指引

手册使用说明 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及更早
  • 兼容性:

    • 手册在所有参考页的头部和底部都有对浏览器兼容性测试基础环境的说明。
    • 兼容性试图将会慢慢全部改成如下表:
      • 浅绿 = 支持
      • 红色 = 不支持
      • 粉色 = 部分支持
      IE Firefox Safari Chrome Opera
      6.0-7.0 4.0-6.0-moz- 5.1 4.0-13.0-webkit- 15.0
      8.0-ms-
      9.0
      假设上述表格是对某属性x的兼容性说明,那表示:

      IE6和IE7不支持该属性;

      IE8、Firefox4.0-6.0、Chrome1.0-13.0对该属性的支持还处在实验性质阶段;

      IE9、Safari5.1、Opera15及后续版本已支持该属性;

      如果是处在“实验性质”状态,则各浏览器的私有写法为:IE加 -ms-;Firefox加 -moz-;Safari和Chrome加 -webkit-;Opera15以前加 -o-,Opera15及以后加 -webkit-

  • 脚本特性:

    • 每个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上右键选择“属性”,勾选最下面的“解除锁定”并应用确定,再次打开就可以了。