【转】 CSS3 各浏览器私有属性前缀

CSS3的前缀是一个浏览器生产商经常使用的一种方式。它暗示该CSS属性或规则尚未成为W3C标准的一部分。

以下是几种常用前缀

-webkit

-moz

-ms

-o

CSS3前缀+标准代码的顺序

先写私有的CSS3属性，再写标准的CSS3属性。

ordering CSS3 properties

如：

-webkit-transform:rotate(-3deg); /*为Chrome/Safari*/

-moz-transform:rotate(-3deg); /*为Firefox*/

-ms-transform:rotate(-3deg); /*为IE*/

-o-transform:rotate(-3deg); /*为Opera*/

transform:rotate(-3deg); /*为nothing*/

去掉CSS3前缀

什么时候我们可以去掉一个属性的CSS3前缀呢？答案是，当一个属性成为标准，并且被Firefox、Chrome等浏览器的最新版普遍兼容的时候。

以border-radius为例：

-moz-border-radius: 12px; /* FF1-3.6 */

-webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android <1.6 */

border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */