Sass
- 一種css前處理器，將css由描述語言轉為程式語言，然後再編譯成css。類似的還有less、stylus，less和sass很早前就已經開始使用了，stylus我後面再去學習比較(定個時間：2017.03底前花一天時間學習下)。
- 基於ruby編寫。
- scss和sass兩種字尾名的區別：.sass是不使用花括號和分號";"的， .scss可以使用，兩者編譯後的實現是相同的， 但是.scss進行css書寫更合習慣。
安裝和編譯
1.環境上需要先安裝ruby
複製程式碼
// 安裝sass, 然後就可以使用了 gem install sass
複製程式碼
2.編譯
- sass demo.scss demo2.css //指定檔名
- 可指定輸出的css排版風格（我一般不設定，只用預設的nested，壓縮的話用壓縮工具就行了）：
語法： sass --style expanded demo.scss demo2.css
- nested：巢狀縮排的css程式碼，它是預設值。
- expanded：沒有縮排的、擴充套件的css程式碼。
- compact：簡潔格式的css程式碼。
- compressed：壓縮後的css程式碼。線上使用。
- 每次改變sass檔案都要編譯是很煩的事情， 所有自動化是必不可少的。構建工具當然是最好的選擇，後面我整理好了再引入介紹，先使用sass自帶的監控語法：**sass --watch demo.scss demo2.css ** ， 最便利的當然是可以編譯和輸出指定資料夾內的css檔案， sass --watch src/.scss dist/.css