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

  • A+
所属分类:WEB开发
摘要

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

2021阿里云双十一优惠活动

阿里云双11:2核2G服务器5M带宽58元/年、2核4G服务器188元一年、4核8G5M 1000元、8核16G5M...
腾讯云双11: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。

阿里云代金券免费领取

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: