css3简介

brief introduction of css3

1. upgrade version

   css2 --> css3

2. css3‘s compatible history

prefix browser

-webkit Chrome Safari

-moz Firefox

-ms IE

-o opera

css3 border-radius

google/safari 浏览器厂商先实现了这个功能其他浏览器还没有实现 在其他浏览器不能用在Google和Safari上用必须加 -webkit-border-radius

再后来IE厂商也实现了 那么在IE上用就得加 -ms-border-radius

依次类推 -moz-border-radius -o-border-radius

也就是说在border-radius还没完全普及的情况下在这些个主流浏览器上使用就得加前缀

在border-radius得到普及之后 Google发现所有浏览器都有border-radius这个属性，它的新版本就支持现在干净的版本border-radius

所以在css3属性提出----》发展 还没完全普及这个时间段就非常的坑一个属性得写好几个

但是现在完全普及后就好多了正常写就完事了（但是还是存在一些属性还得加前缀）

reference manual website：https://css.doyoe.com/

Authoritative inquiry website：https://caniuse.com/

插件：autoprefixer

预处理器：pre-processor

​ less/sass cssNext（插件）

​ cssNext（用来实现一些未来的标准的（未完全在各大浏览器实现的功能））

​ 后处理器：post-processor

​ autoprefixer（插件）

postCss + 插件（充分体现扩展性，200多个）

用js实现的css的抽象的语法树

AST（Abstract Syntax Tree）

剩下的事就留给后人来做