CSS属性前的 -webkit, -moz

最新推荐文章于 2024-10-17 15:46:14 发布

Brittany爱编程

最新推荐文章于 2024-10-17 15:46:14 发布

阅读量1.4w

点赞数 27

CC 4.0 BY-SA版权

分类专栏： css

本文链接：https://blog.youkuaiyun.com/jjting/article/details/38295441

css 专栏收录该内容

2 篇文章

订阅专栏

本文解释了浏览器私有前缀如-webkit-和-moz-的由来及作用，探讨了这些前缀如何帮助浏览器厂商提前支持新的CSS属性，并确保在W3C发布正式标准前的兼容性。

	在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浏览网页的时候都能够正确显示。