css3中-moz、-ms、-webkit各啥意思

Posted 2023-04-13

-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box; 在css3中前面的-moz 、-ms、-webkit什么意思

1、-moz代表firefox浏览器私有属性

2、-ms代表ie浏览器私有属性

3、-webkit代表safari、chrome私有属性

这些是为了兼容老版本的写法，比较新版本的浏览器都支持直接写：border-radius。

现在比较流行的一个概念就是：不太关键的样式，可以不考虑兼容，比如你说的圆角，并不影响内容的显示，如果客户浏览器太旧，就让他看到旧的方形效果就是，一定要看到新效果，只能建议客户升级浏览器。

参考技术A

-moz代表firefox浏览器私有属性；

-ms代表IE浏览器私有属性；

-webkit代表chrome、safari私有属性；

-o代表Opera私有属性。

扩展资料：    

常见的中私有属性拿chrome浏览器举例

::如果前面为空代码全局，如果前面有某个元素的css选择器代表改元素的对于内容

1、输入框

::-webkit-input-placeholder

//阻止input出现黄色背景

input:-webkit-autofill

    background-color: #fff !important;

    -webkit-box-shadow: inset 0 0 0 1000px white !important;

清除input[type=”number”]侧边的箭头

input::-webkit-inner-spin-button -webkit-appearance: none;

2、禁用选择文本

*

-webkit-user-select: none;

   -moz-user-select: none;

    -ms-user-select: none;

        user-select: none;

参考技术B -moz代表firefox浏览器私有属性
-ms代表IE浏览器私有属性
-webkit代表chrome、safari私有属性追问

我知道了，谢谢！那请问前面有-o什么意思。

追答

opera

本回答被提问者和网友采纳 参考技术C 代表是各浏览器内核的兼容写法。-moz代表火狐的内核，-ms代表IE内核，-webkit代表webkit内核，常见是的是谷歌和苹果浏览器 参考技术D 这些都是浏览器前缀，主要是为了兼容浏览器，其中-moz 指火狐，-ms 指 IE，-webkit 指谷歌， -o 指 Opera

CSS属性前的 -webkit, -moz,-ms,-o

-moz-对应 Firefox, 
-webkit-对应 Safari and Chrome
-o- for Opera
-ms- for Internet Explorer(microsoft)

在CSS属性能中，我们常常能看到-webkit-，-moz-之类的前缀，这种就叫做浏览器私有前缀，是浏览器对于新CSS属性的一个提前支持。-webkit-是webkit内核的，-moz-是Firefox Gecko内核，moz代表的是Firefox的开发商Mozilla。

为什么要有私有前缀呢？因为制定HTML和CSS标准的组织W3C动作是很慢的。通常，有w3c组织成员提出一个新属性，比如说圆角border-radius，大家都觉得好，但是w3c不会为这个属性制定标准，而是要走很复杂的程序，经过很多审查。而浏览器商不愿意等那么久，他们觉得一个属性已经够成熟了，就会在浏览器中加入支持。但是避免日后w3c公布标准时有所变更，就会加入一个私有前缀，比如-webkit-border-radius，通过这种方式来提前支持新属性，等到日后w3c公布了标准，border-radius的标准写法确立之后，再让新版的浏览器支持border-radius这种写法。 比方说，Chrome 10是不认border-radius这种写法的，只能用webkit-border-radius，而Chrome12就能认了。于是在写CSS的时候，这样写就能确保Chrome10和Chrome12浏览网页的时候都能够正确显示。