css3中-webkit是什么意思

在CSS样式中很多样式名前缀都带有’-webkit-‘，但在CSS提供的API中查询不到这些样式名。

原因：CSS3中新增了一些属性，针对不同的浏览器，规定其内核名称让它们可以对这些新增属性进行解析。

解释：前缀为“-webkit-”的属性，能够在以webkit为内核的浏览器中正常使用。

各个不同浏览器内核列表：

　　　　　　　　　　　　-moz代表firefox浏览器私有属性；

　　　　　　　　　　　　-ms代表IE浏览器私有属性；

　　　　　　　　　　　　-webkit代表chrome、safari私有属性；

　　　　　　　　　　　　-o代表Opera私有属性

使用原因：为了浏览器兼容，某些css的API只支持IE10+，例如transform，直接使用为W3C的标签，对IE9+不支持，要兼容浏览器需要添加前缀

{
    transform:translate(10,10) // W3c标准
    -webkit-transform:translate(10,10) // Safari Chrome
    -moz-transform:translate(10,10) // firefox
    -ms-transform:translate(10,10) // IE9
    -o-transform:translate(10,10) // opera
    
}