一：什麼是css預處理器？
1.概念：用一種專門的編程語言,進行web頁面樣式設計，爲css增加一些編程特性，將css作爲目標生成文件，開發者使用這門語言進行編碼工作。
2.作用：適應性強、可讀性更高、易於代碼維護。
3.其他同類型css預處理器：LESS、stylus等
二：SASS安裝
- 因爲SASS依賴於ruby環境，所以先下載安裝ruby：ruby官網
注意在安裝的時候，請勾選Add Ruby executables to your PATH這個選項，添加環境變量 - 安裝完成後cmd命令行輸入
ruby -v，如下說明ruby安裝成功
- 命令行中輸入
gem install sass完成安裝
- 常用命令:
更新gem updata sass
卸載gem uninstall sass
三：SASS編譯
1.方式
- 命令編譯
- GUI工具編譯
- 自動化工具編譯
2.方式：命令編譯
(1).單文件編譯：SASS <要編譯的sass文件路徑>/xxx.scss:<要輸出的css路徑>/xxx.css
(2).多文件編譯：SASS sass/:css /
(3).缺點：一次性編譯，每次保存”.scss”文件都得重新執行一次這樣的命令
解決辦法：開啓“watch”功能（自動檢測代碼修改，並編譯出來）
sass --watch
sass/xxx.scss:css/xxx.css四：SASS不同樣式風格的輸出方法
- 嵌套輸出方式 nested
- 展開輸出方式 expanded
- 緊湊輸出方式 compact
壓縮輸出方式 compressed
後面的博客繼續記錄輸出方法。。。。。。。