css ms是什么意思,CSS 3中-webkit-, -moz-, -o-, -ms-这些私有前缀的含义和兼容

css3作为页面样式的表现语言，增加了很多新的属性，但是部分css3属性在一些浏览器上还处于试验阶段，所以为了有效的显示css3的样式，对应不同的浏览器内核需要不同的前缀声明，例如：

-moz- ：Firefox，GEcko引擎

-webkit-： Safari和Chrome，Webkit引擎

-o- ：Opera(早期)，Presto引擎，后改为Webkit引擎

-ms- ：Internet Explorer，Trident引擎

使用这些前缀，才能保证css3的属性在特定浏览器渲染引擎下生效。统一引擎一般不识别其它引擎的前缀，目前移动端的浏览器相对比较统一，都是采用的webkit引擎，所以如果我们只需要兼容移动端，只需要带-webkit-前缀即可。

在使用css3新属性的时候，一般需要把带有前缀的属性放于前面，把不带前缀的版本放到最后一行：

1 -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .5);2 -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .5);3 -o-box-shadow: 0 5px 5px rgba(0, 0, 0, .5);4 box-shadow: 0 5px 5px rgba(0, 0, 0, .5);

随着浏览器的升级，目前大多数新版本浏览器都已经支持不带前缀的写法了，所以带前缀只是为了兼容低版本，不带前端的才是标准属性。

那么如果想移除这些前缀，同时又满足兼容的办法也是有的。我们可以选择Autoprefixer工具，一个以最好的方式处理浏览器前缀的后处理插件，无论你是用webpack、gulp、grunt还是fis，它都能完美配合。

使用Autoprefixer你可以完全忘记有CSS前缀这东西，尽管按照最新的W3C规范来正常书写你的CSS而不需要浏览器前缀。像这样：

1 a {2 display: flex;3 }

Autoprefixer使用一个数据库根据当前浏览器的普及度以及属性支持提供给你前缀，输出：

1 a {2 display: -webkit-box;3 display: -webkit-flex;4 display: -ms-flexbox;5 display: flex6 }

css ms是什么意思,CSS 3中-webkit-, -moz-, -o-, -ms-这些私有前缀的含义和兼容相关推荐

css3中-moz、-ms、-webkit意思
-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box; 在css3中前面的-moz .- ...
【CSS】【14】CSS中使用背景图像
默认情况下背景图像会自动向水平和竖直两个方向平铺,如果不希望不平铺,或者只希望沿一个方向平铺,可以使backgroud-repeat属性来控制,该属性可以取以下4种之一 repeat:沿水平和竖直两个 ...
vue动态切换css文件_如何在vue组件中动态的引入css文件?
问题描述如标签描述的不准确,请见新直能分支调二浏页器朋代说谅我的需求是开的接都上的和,近很触是没他电同近很触是没发多套皮肤,打包的时候只加载其中某一种的皮肤(不需要动态换肤),因为css文件过大, ...
【转】刨根究底CSS（2）：CSS中的各种值——初始值，就是默认值吗？
先问个非常简单的问题,这个问题的答案,相信大部分Web开发人员都自认为显而易见,但却又多半会答错:CSS属性中的初始值(initial value),就是默认值(default value)吗? 难道 ...
【如何将.vue文件中的所有css代码放入一个.css文件中】
javascript – 如何将.vue文件中的所有css代码放入一个.css文件中?
wordpress 调用css,WordPress折腾记-精简CSS及JS在插件中的调用
GD Star Rating loading... 爱折腾WP是我的一个习惯,不折腾就会手痒,哈哈~~此文仅作为一个精简CSS及JS在插件中调用的范例,其他插件的精简可以按照此文的方法来做. 众所周知 ...
谷歌浏览器修改CSS和js后同步保存到文件中（译）
本文标题:谷歌浏览器修改CSS和js后同步保存到文件中. 文本作者:魔芋铃. 英文原文:http://www.stephensaw.me/google-chrome-devtools-source-m ...
dw在html中删除css样式表,DW里CSS的详细介绍
单击"确定". 类型属性 [定义 CSS 类型属性]使用"CSS 样式定义"对话框中的"类型"类别能够定义 CSS 样式的基本字体和类 ...
css中字体下划线样式,css下划线浅谈css自定义下划线
使用css样式对一段文字或一段文字中其中几个文字设置虚线效果的下划线如何实现?我们知道css字体下划线使用text-decoration样式实现,而虚线下划线则不能使用此css样式属性.要实现通过下边 ...

css ms是什么意思,CSS 3中-webkit-, -moz-, -o-, -ms-这些私有前缀的含义和兼容

css ms是什么意思,CSS 3中-webkit-, -moz-, -o-, -ms-这些私有前缀的含义和兼容相关推荐

最新文章

热门文章