【css3】浏览器内核及其兼容性

浏览器内核分类如下:

1.Webkit内核：

使用此引擎内核的浏览器有：Safari(包括移动版和桌面版)、Chrome。
其私有属性的前缀是-webkit-。

2.Gecko内核：

使用此引擎内核的浏览器有Mozilla，常指的是Firefox浏览器。
其私有属性的前缀是-moz-。

3.Presto内核：

使用此引擎内核的浏览器是指Opera。
其私有属性的前缀是-o-。

4.KHTML内核：

使用此引擎内核的浏览器是指Konqueror。
其私有属性的前缀是-khtml-。

5.Trident内核：

使用此引擎内核的浏览器是IE浏览器。
其私有属性的前缀是-ms-。

为什么会有这些浏览器私有属性呢?

在CSS属性能中，我们常常能看到-webkit-，-moz-之类的前缀，这种就叫做浏览器私有前缀，是浏览器对于新CSS属性的一个提前支持。-webkit-是webkit内核的，-moz-是Firefox Gecko内核，moz代表的是Firefox的开发商Mozilla。
为什么要有私有前缀呢？因为制定HTML和CSS标准的组织W3C动作是很慢的。通常，有w3c组织成员提出一个新属性，比如说圆角border-radius，大家都觉得好，但是w3c不会为这个属性制定标准，而是要走很复杂的程序，经过很多审查。而浏览器商不愿意等那么久，
他们觉得一个属性已经够成熟了，就会在浏览器中加入支持。但是避免日后w3c公布标准时有所变更，就会加入一个私有前缀，比如-webkit-border-radius，通过这种方式来提前支持新属性，等到日后w3c公布了标准，border-radius的标准写法确立之后，再让新版的浏览器支持border-radius这种写法。
比方说，Chrome 10是不认border-radius这种写法的，只能用webkit-border-radius，而Chrome12就能认了。于是在写CSS的时候，这样写就能确保Chrome10和Chrome12浏览网页的时候都能够正确显示。