CSS3属性为什么要加前缀？

CSS3属性为什么要加前缀？

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

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

• Gecko内核：主要代表为Firefox

• Presto内核：主要代表为Opera

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

【推荐学习：CSS手册】

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

• Trident内核：前缀为-ms

• Gecko内核：前缀为-moz

• Presto内核：前缀为-o

• Webkit内核：前缀为-webkit

来看一个简单的示例，早期写一个圆角border-radius，需要这样写：

.box {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

更多web前端开发知识，请查阅 HTML中文网 ！！

以上就是CSS3属性为什么要加前缀？的详细内容，更多请关注0133技术站其它相关文章！