CSS3——課前預熱——pre-processor、post-processor、postCss

預處理器 pre-processor

less/sass cssNext插件

預處理器：好比要用sass或者cssNext就要按照人家規定的語法形式，就是用人家的語法去編寫，而後人家把你編寫的代碼轉成css。

 

cssNext:

 1 :root{  
 2      --headline-color:#333;
 3 }
 4 
 5 @custom-selector: --healine h1,h2,h3,h4,h5,h6;
 6 
 7 : --healine {
 8     color: var ( --deadline-color );
 9 }
10 
11 ------------
12 
13 他會預先給你轉化成
14 
15 h1,h2,h3,h4,h5,h6{
16     color:#333;
17 }  

cssNext 用來實現一些將來的標準的（未徹底在各大瀏覽器實現的功能）

只是寫法更高級了，原理仍是用css3來實現的

 

後處理器 post-processor

autoprefixer插件

 

後處理器：就是在它提供的環境下進行編寫，而後這個環境會對你的代碼來進行兼容性的補齊。

 

postCss + 插件 (充分體現擴展性，200多個)

用js實現的css的抽象的語法樹

AST(Abstract Stntax Tree)

剩下的事留給後人來作了

postCss其實只是一個工具，它自己只作了一半的事，還須要加上插件來使用的。