CSS 3 前缀识别码

 

-moz 代表火狐【firefox】内核识别码

-webkit 代表谷歌【chrome】/苹果【safari】内核识别码

-o 代表欧朋【opera】内核识别码

-ms 代表【ie】内核识别码

 

用法：

 

-moz-transition: width 2s;    /* Firefox 4 */
-webkit-transition: width 2s;    /* Safari 和 Chrome */
-o-transition: width 2s;    /* Opera */
-ms-transition: width 2s;  /*IE*/
transition: width 2s; 

 

为什么要加识别码：

在标准还未确定时，部分浏览器已经根据最初草案实现了部分功能，为了与之后确定下来的标准进行兼容，所以每种浏览器使用了自己的私有前缀与标准进行区分，当标准确立后，各大浏览器将逐步支持不带前缀的css3新属性。

目前已有很多私有前缀可以不写了，但为了兼容老版本的浏览器，可以仍沿用私有前缀和标准方法，逐渐过渡。

再进一步看前缀对应的内核：

上面说了-webkit对应的是谷歌/苹果的内核，这样的说法是不够具体的，下面是更正后的说法：

Gecko内核,css前缀为"-moz-",火狐浏览器

WebKit内核,css前缀为"-webkit-",Comodo Drangon(科摩多龙)，苹果，安卓，搜狗高速浏览器3，快快浏览器，枫树浏览器，云游浏览器，360极速浏览器，世界之窗极速版，SRWare Iron，猎豹浏览器，RockMelt，QQ浏览器

Blink内核,css前缀为"-webkit-",Blink是一个由Google和Opera Software开发的浏览器排版引擎，Google的新内核，支持以前的全部前缀

 

文章转载：http://www.cnblogs.com/EasonJim/p/6140097.html