css中-moz,-ms,-webkit的用处

css中的-moz,-ms,-webkit是干什么的？有什么用处？

css中的-moz,-ms,-webkit是为了网页能够兼容各种浏览器，-moz,-ms,-webkit分别是火狐浏览器、微软IE浏览器以及谷歌chrome、safari浏览器的私有属性。

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

浏览器的兼容性一直困扰着网页设计者，例如：

.box{
-moz-box-shadow:rgba(0,0,0,.2) 1px 1px 2px; //为了兼容火狐浏览器
-webkit-box-shadow:rgba(0,0,0,.2) 1px 1px 2px; //为了兼容chrome谷歌浏览器
-ms-box-shadow:rgba(0,0,0,.2) 1px 1px 2px; //为了兼容IE浏览器
box-shadow:rgba(0,0,0,.2) 1px 1px 2px;
}

如果不考虑网站的兼容性，我们只写box-shadow:rgba(0,0,0,.2) 1px 1px 2px;这一行代码即可。无奈，当我们使用html&css编写代码时，网页的兼容性是不能忽略的问题，为了防止网站在不同的浏览器之间显示不同继而引发兼容性问题，我们很有必要为不同的浏览器赋予其私有属性。

为了我们的网站能够在不同浏览器显示出相同的排版效果，我们只能多些几行代码了，诸如：-moz,-ms,-webkit。