为什么建议将浏览器私有CSS3属性写在前面,标准属性写在后面

html-css012

为什么建议将浏览器私有CSS3属性写在前面,标准属性写在后面,第1张

这样写的目的,是当浏览器既支持私有属性又支持标准属性时,会最终采用标准属性(后面的属性会覆盖前面的同名属性)。因为私有属性都是带有试验性质的,效果有可能跟最终的结果不太相同,而一旦支持标准属性,则表明这个属性的用法已经成熟了,已完全符合标准了。所以当浏览器既支持私有属性又支持标准属性时都是建议采用标准属性的。

1、-moz代表firefox浏览器私有属性

2、-ms代表ie浏览器私有属性

3、-webkit代表safari、chrome私有属性

这些是为了兼容老版本的写法,比较新版本的浏览器都支持直接写:border-radius。

现在比较流行的一个概念就是:不太关键的样式,可以不考虑兼容,比如你说的圆角,并不影响内容的显示,如果客户浏览器太旧,就让他看到旧的方形效果就是,一定要看到新效果,只能建议客户升级浏览器。