CSS属性前缀有什么用

小编给大家分享一下CSS属性前缀有什么用，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

作用：在一个新CSS属性还未成为标准时，让浏览器提前支持。w3c制定标准是很慢的；而浏览器商市场推广时间紧，如果一个属性已经够成熟了，就会在浏览器中加入支持；而为避免日后w3c公布标准时有所变更，加入一个私有前缀，来提前支持新属性。

使用过CSS3属性的同学都知道，CSS3属性都需要带各浏览器的前缀，甚至到现在，依然还有很多属性需要带前缀。

浏览器厂商以前就一直在实施CSS3，但它还未成为真正的标准。为此，当一些CSS3样式语法还存在波动时，它们提供针对浏览器的前缀。现在主要流行的浏览器内核主要有：

• Trident内核：主要代表为IE浏览器

• Gecko内核：主要代表为Firefox

• Presto内核：主要代表为Opera

• Webkit内核：产要代表为Chrome和Safari

而这些不同内核的浏览器，CSS3属性（部分需要添加前缀的属性）对应需要添加不同的前缀，也将其称之为浏览器的私有前缀，添加上私有前缀之后的CSS3属性可以说是对应浏览器的私有属性：

• Trident内核：前缀为-ms

• Gecko内核：前缀为-moz

• Presto内核：前缀为-o

• Webkit内核：前缀为-webkit

CSS属性前缀的作用

浏览器私有前缀，是浏览器对于新CSS属性的一个提前支持。

为了兼容老版本的写法。例如：比较新版本的浏览器都支持直接写：border-radius。

-moz代表firefox浏览器私有属性，-ms代表ie浏览器私有属性，-webkit代表safari、chrome私有属性。

因为制定HTML和CSS标准的组织W3C动作是很慢的。

通常，有w3c组织成员提出一个新属性，比如说圆角border-radius，大家都觉得好，但w3c制定标准，要走很复杂的程序，审查等。而浏览器商市场推广时间紧，如果一个属性已经够成熟了，就会在浏览器中加入支持。

为避免日后w3c公布标准时有所变更，加入一个私有前缀，比如-webkit-border-radius，通过这种方式来提前支持新属性。

等到日后w3c公布了标准，border-radius的标准写法确立之后，再让新版的浏览器支持border-radius这种写法。

以上是CSS属性前缀有什么用的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！