第20章CSS3前缀和rem-水之原

学习要点：

1.CSS3 前缀

2.长度单位 rem

主讲教师：李炎恢

本章主要探讨 HTML5 中 CSS 在发展中实行标准化的一些问题，重点探讨 CSS3 中新属性前缀问题和新的单位 rem。

一． CSS3 前缀

　　在 CSS3 的很多新属性推出时，这些属性还处在不太稳定的阶段，随时可能被剔除。而此时的浏览器厂商为了实现这些属性，采用前缀方法。各大厂商前缀列表如下：

浏览器

厂商前缀

Chrome、Safari

-webkit-

Opera

-o-

Firefox

-moz-

Internet Explorer

-ms-

　　我们之前学习过几个 CSS3 的新属性，比如：box-shadow、border-radius、opacity等。这几个属性我们在前面的使用中，并没有添加所谓的浏览器厂商前缀。那是因为，这些属性已经在主流浏览器或版本成为了标准。具体进化步骤如下：

1.属性尚未提出，这个属性所有浏览器不可用；

2.属性被提出，但未列入标准，浏览器厂商通过私有前缀来支持该属性；

3.属性被列入标准，可以使用前缀或不使用前缀来实现属性特性；

4.属性不需要再使用前缀，所有浏览器都稳定支持。

　　我们就拿 border-radius 举例，它是 CSS3 的标准属性。早期的时候处于实验阶段，尚未列入标准时，需要使用厂商前缀。具体浏览器支持度如下：

属性

浏览器

带前缀版本

不带前缀版本

标准/实验

border-radius

IE

不支持

9.0+

标准

Firefox

3.0 需带-moz-

4.0+

Safari

3.1 需带-webkit-

5.1+

Chrome

4.0

5.0+

Opera

不支持

10.5+

查看更多关于第20章CSS3前缀和rem-水之原的详细内容...