css3前缀

本文介绍了CSS3前缀的作用及意义,列举了不同浏览器引擎对应的前缀标识,并解释了为何在现代浏览器已广泛支持CSS3的情况下仍需使用前缀。

css3前缀是什么

我们常常可以看到样式表中有很多属性的前缀,而这些属性正是css3的属性。由于css3较新(过去),因此很多属性尚未成为标准,被所有浏览器所接受。浏览器通过添加前缀的方式去测试css3属性,因此浏览器会通过前缀来识别是否是浏览器测试的属性。
css3前缀就是用来确保这种属性只在特定的浏览器渲染引擎下才能识别和生效。

前缀有哪些

-moz-     /* 火狐等使用Mozilla浏览器引擎的浏览器 */
-webkit-  /* Safari, 谷歌浏览器等使用Webkit引擎的浏览器 */
-o-       /* Opera浏览器(早期) */
-ms-      /* Internet Explorer (不一定) */ 

意义何在?

现在很多浏览器都以及可以兼容css3的新属性了,为什么还要加上前缀呢?
这就要提到渐进增强了。
这是为了兼容有些还在使用旧版本的浏览器,该浏览器不支持新属性而导致用户体验友好度降低。
使用前缀则能很好地匹配到较低版本的浏览器,并正常显示样式。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值