使用 css3 为什么要加 -moz-box-shadow -webkit-box-shadow -o-box-shadow,

曲奇饼

本文章其实是初级都能看懂的文章 , 但是有个问题就是他涉及了CSS语法标准的形成;
基于这个原因 , 我特地标记了噩梦难度 , 希望看到他的技术人员自行搜索拓展阅读其他相关知识;

css3 为什么要加 -moz-box-shadow -webkit-box-shadow -o-box-shadow,直接用box-shadow不是都能识别吗？

其实 -moz-, -webkit-, -o-这些都是浏览器前缀。
常用前缀和浏览器的对应关系如下：

Firefox: -moz-
Chrome, Safari: -webkit-
Opera: -o-
IE: -ms-

css标准中各个属性也要经历从草案(WD)到推荐(REC)的过程，css3中的属性进展都不一样。
浏览器厂商在标准尚未明确情况下提前支持会有风险，同时也会出现有的浏览器厂商支持的好，有的支持的不好，所以就用厂商前缀加以区分。
如果已成为REC或接近REC的属性，厂商如果完全实现了w3c的test case，就不用加厂商前缀，像border-radius在ie9下就不用加前缀。