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

html-css025

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

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

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

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

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

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

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

后面的属性会覆盖前面的属性

如果浏览器支持了标准的属性,就会用标准的属性

如果不支持,就用私有的属性,所以最终的意思就是以标准属性为准,不认识的才用私有的

如果反过来,认识私有的就用私有的了,那标准属性就没用了,随着浏览器的更新,最终都会用标准的,同时也支持私有的,这种情况下反过来就永远用不了标准属性