css3不写前缀，css哪些属性需要加前缀

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

CSS系列篇:CSS3的常见属性

属性：background-position 取值：属性：background-size 取值：属性：background-origin 取值：属性：background-clip 取值： CSS3多背景通过为每个背景属性提供多个属性值实现。

text-shadow 属性：向文本设置阴影。

CSS3高级属性可分为：选择器、盒模型、背景和边框、文字特效、2D/3D转换、动画、多列布局、用户界面。

CSS部分背景图片分辨率为427*640 分别给box的background-size属性添加不同的属性值，会产生不同的效果。长度：可以用px、em、rem等指定背景图片大小，不能为负值。

Q1: CSS3现在所有标签都需要加前缀吗

前缀的写法不是hack，不加前缀的写法是写给所有浏览器的，但要看浏览器的解析是否给力以及各大厂商能否达成共识。现在随着浏览器的不断升级，私有和标准都能支持了，再过不久或许就可以像css2那样只写标准就可以了。

css标准中各个属性也要经历从草案(WD)到推荐(REC)的过程，css3中的属性进展都不一样。浏览器厂商在标准尚未明确情况下提前支持会有风险，同时也会出现有的浏览器厂商支持的好，有的支持的不好，所以就用厂商前缀加以区分。

前一阵子自己开发了一个web app，只用了webkit前缀，用windows phone 自带的浏览器一看，居然比iphone的支持还好...倒是android的参疵不起。

对应的变化就是，div的宽度瞬间变化为60px，然后高度在宽度变化后的1s之后才开始发生变化，在3秒内逐渐加速完成。

Q2: csswebkit前缀不写

大部分是不需要的，只有少部分尚未成为标准仍然处于试验阶段的属性才需要加前缀。

微信浏览器的内核应该是webkit，与安卓自带的浏览器和苹果的Safari浏览器的内核是一样的，但腾讯肯定对它进行了深度定制，去掉了与微信有冲突的功能，所以并不是所有效果在微信浏览器中都能呈现的。

常用前缀和浏览器的对应关系如下：Firefox： -moz- Chrome， Safari： -webkit- Opera： -o- IE： -ms- css标准中各个属性也要经历从草案(WD)到推荐(REC)的过程，css3中的属性进展都不一样。

-webkit- 针对Chrome和Safari浏览器 -moz- 针对FireFox浏览器 -o- 针对Opera浏览器 -ms- 针对IE浏览器也就是说凡是带有这样的前缀的都是这些浏览器的私有属性，只有各自的浏览器内部才有效。

我是行内标签无意思 nav{}这个是ID选择器在一个页面里面是唯一的可以精准定位，但是要注意和javascript搭配时候使用。

在CSS3刚出来的时候，很多浏览器都不支持，只有他们自己的私有写法，都带上自己的前缀。像webkit的加上-webkit-前缀，火狐的加上-moz-前缀，IE加上-ms-前缀，Opera加上-o-前缀。

Q3: 如何处理CSS3属性前缀

a[src*=abc] 选择其 src 属性中包含 abc 子串的每个元素。 .box3 h1：first-of-type 1 tr：nth-child(2n+1) 选择属于其父元素的基数子元素的每个元素。

比如说 Compass ，里面就是使用Sass的mixin为CSS3需要带前缀的属性定制了一些mixin。还有类似于Stylus中的 nib 等。

-moz-属性：属性值；这个是兼容火狐浏览器及用火狐浏览器内核的浏览器，-ms-属性：属性值；是兼容ie的，前提是IE的版本支持这个属性，-o-属性：属性值；是兼容欧朋浏览器的，不懂继续追问，望采纳。。

比如说，火狐即支持border-radius： 10px；又支持-moz-border-radius： 10px；属性，后面的overwrite前面的也没有问题啊。但是，事实上，事情不是我们想的那么简单的。

Q4: 现在写css3还需要加私有前缀么

跟css编码没关系，跟火狐的版本有关系。比如早一些版本的FF浏览器，需要加私有前缀。

也就是说凡是带有这样的前缀的都是这些浏览器的私有属性，只有各自的浏览器内部才有效。

关于css3不写前缀和css哪些属性需要加前缀的介绍到此就结束了，不知道你从中找到你需要的信息了吗？如果你还想了解更多这方面的信息，记得收藏关注本站。