用户体验

需警惕CSS3属性的书写顺序

如下图所示:

如果您现在使用的是最新的Chrome浏览器(我的是Chrome6.0.472.62),或者是(Safari4依旧扁平)Safari5,您可以狠狠地点击这里:CSS3不同书写属性影响demo,您就能看上上面截图所示的效果了。

三、结语

其实Border radius不是唯一的实例,CSS3中的background-image 渐变貌似也有同样的遭遇。我想,以后会有人吧这些差异全部罗列出来的。但是,无论怎样,把“纯情”的写法放在最后压轴总是更明智的。

原文链接:http://css-tricks.com/ordering-css3-properties/

译文链接:http://www.zhangxinxu.com/wordpress/?p=1117

希望看到您的想法,请您发表评论x