7 使用CSS3属性前的准备

7 使用CSS3属性前的准备

通过CSS选择器找到元素, 就要使用CSS属性给找到元素设置样式。尽管现代浏览器已经支持了众多的CSS3属性,但作为初学者最应该关注的就是一些“主流”的属性,如border-radius、box-shadow或者transform等。它们有良好的文档、很好的测试并且最常用到,所以如果你在设计网站,你很难能脱离它们。学习CSS3的属性就要先从主流的属性开始, 其它的属性则可通过CSS3手册获得帮助。

虽然大多数的CSS3属性在很多流行的浏览器中不支持,但是还是鼓励在前端开发中要学会并且运行这些CSS3属性,因为这是未来的趋势。 关键是首先确定你是否对各个浏览器之间的细微的差别有所了解,你能肯定的说IE显示的90度的角就不圆滑嘛?这取决于你的决定。但是要永远记住,网站设计不必看到所有浏览器的不同。

在使用CSS3的一些高级特性时,需指定所有浏览器的前缀,CSS3的前缀是一个浏览器生产商经常使用的一种方式,它暗示该CSS属性或规则尚未成为W3C标准的一部分。

7 使用CSS3属性前的准备_第1张图片
33.png

既然CSS3代码中(暂时)需要写上这么多前缀,就需要注意顺序问题,要先写私有的CSS3属性,再写标准的CSS3属性。如果以后当一个属性成为标准,并且被Firefox、Chrome等浏览器的最新版普遍兼容的时候,就可以去除这些前缀了。

你可能感兴趣的:(7 使用CSS3属性前的准备)