Question

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

Answer 1

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

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

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

Answer 2

这就是每个浏览器对CSS3的支持程度了，有些浏览器在没支持标准的CSS3之前都会有自己的方法，就是加前缀，如FF：-moz，Chrome/Safari：-webkit，Opera：-o等等，随着浏览器的升级，相信以后在不加前缀的情况下box-shadow第个浏览器都能识别

Answer 3

直接用box-shadow以前是不能识别的，因为CSS3以前没有定下这个CSS语句的标准，这些都属于是扩展支持，所以前面要加上每个内核的标记，现在还有很多CSS3规则是要加上内核标示的，比如animation。

Answer 4

这个是针对firefox浏览器用的，这个就是css的兼容性问题了，你可以去w3c潮流前端网看看相关的资料

Answer 5

-MOZ是FF3的特有属性！

CSS3只支持webkit核心的浏览器！

IE基本都不支持！