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

  • css中-moz,-ms,-webkit的用处已关闭评论
  • 1,958 views
  • A+
所属分类:WEB开发
摘要

-moz,-ms,-webkit是为了解决web设计浏览器不兼容的问题,-moz代表firefox浏览器私有属性;-ms代表IE浏览器私有属性;-webkit代表chrome、safari私有属性。

2023阿里云优惠活动

阿里云:2核4G服务器6M带宽68元/年、2核4G服务器188元一年、4核8G5M 1000元、8核16G5M...
腾讯云:2核4G服务器8M带宽70元一年,更多1c2g/2c4g/2c8g/4c8g/8c16g/16c32g...

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。

阿里云代金券免费领取