(转）css3前缀
浏览数：27 /
时间：2015年06月09日
CSS3的前缀是一个浏览器生产商经常使用的一种方式。它暗示该CSS属性或规则尚未成为W3C标准的一部分。
看看都有哪些前缀：
- -webkit（chrome）
- -moz（firefox）
- -ms（ie）
- -o（opera）
举例来说，一个CSS3旋转的代码是：
- -webkit-transform:rotate(-3deg);
- -moz-transform:rotate(-3deg);
- -ms-transform:rotate(-3deg);
- -o-transform:rotate(-3deg);
CSS3前缀+标准代码的顺序
既然CSS3代码中（暂时）需要写上这么多前缀，那么他们的顺序是如何的呢？
答案在下面↓
是先写私有的CSS3属性，再写标准的CSS3属性。
- -webkit-transform:rotate(-3deg);
- -moz-transform:rotate(-3deg);
- -ms-transform:rotate(-3deg);
- -o-transform:rotate(-3deg);
- transform:rotate(-3deg);
去掉CSS3前缀
什么时候我们可以去掉一个属性的CSS3前缀呢？
答案还在下面↓
当一个属性成为标准，并且被Firefox、Chrome等浏览器的最新版普遍兼容的时候。
- 以border-radius为例：
- -moz-border-radius: 12px;
- -webkit-border-radius: 12px;
- border-radius: 12px;
FF4、Saf5以及Chrome都支持border-radius属性了，我们就没有必要写以上两条了，代码变成：
- border-radius: 12px;
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
