看了幾天sass相關文件教程，也安裝好了,準備練練手啦。大家有沒有想想為什麼要用sass來寫css呢？因為css的**重複利用少，管理起來不方便，而用sass來寫css可以**重用，方便快捷修改。比如要改整站的某種顏色，只需要改乙個變數值即可。至少sass還有什麼優點，我們一起練習寫寫就知道了。剛開始練習，就找個簡單的頁面來一起寫寫了。光看沒用的，大家也要動手寫起來。就以bootstrap最簡單的gulpjs頁面為例來寫好了，先不管響應式效果，就做寫個常規頁面。
選擇支援高亮的sass編輯工具。目前我電腦上裝了兩種，一種是webstorm，一種是sublime text 3。其它的工具應該也可以支援，我沒有多研究，平時專案中用這兩種工具比較多。大家要是還有什麼好用的工具，可以提出來。webstorm 沒裝什麼外掛程式也支援，只是比較佔電腦記憶體;sublime text 小巧輕量，安裝後，裝上sass和 sass build外掛程式綽綽有餘。
建立專案。我的專案結構路徑如下圖：css下面就是test.scss檔案.sass檔案的字尾名就.scss哦。
動手寫html結構。不按他**的結構**，我們自己寫即可。以下是我寫的html結構，沒有任何樣式的:
呼叫定義好的變數。比如body要定義全域性的字型大小，顏色等等。
sass命令寫法如下：sass -t 引數(nested) 源sass檔名 編譯生成的css檔名
sass -t nested test.scss test.css
一編譯css下面就多了幾個檔案，只需要看test.css檔案就行。.map的是除錯的，cache那個當然是快取。
編譯**效果如下，乙個屬性一行顯示的。
壓縮版。
再來個普通緊湊型，平時專案中也是這樣寫的，不過編譯出來不知道為什麼都空一行。求解！！
其它效果大家自己試吧，在這裡就不一一練習了。
裝了sublime text並裝了sass bulid外掛程式，只需要選好編譯型別，按ctrl+b就可以編譯了。前提是一定要有ruby的環境，編碼務必是utf-8;
sass 監視檔案的改動並更新 css .watch ，語法如下： sass --watch 源scss檔案:編譯生成的css檔案 ，在scss檔案裡做然後修改，儲存後，css檔案裡就可以立馬看到效果。按ctrl+c 終止。
sass --watch test.scss:test.css就像平時寫css一樣，我們接著往下寫。
瀏覽頁面，大功告成。所有的sass**在這裡了。是不是少了很多啦。
我所參考學習的sass文章為：w3cpuls sass語法、sass入門。
SASS 初學者入門
sass可以簡化你的css工作流，並可以使你的css的擴充套件和維護工作變的更加容易！例如，曾幾時何，因為客戶的需求的變更，你必須不斷的通過查詢和替換來更改乙個畫素值，或者，為了能夠確定多欄布局中某一欄的寬度，你需要使用計算畫素值軟體才能搞定。sass引入了一些新的概念如，變數，混合，巢狀和選擇器繼...
SASS 初學者入門
sass 是syntactically awesome stylesheete sass的縮寫，是由hampton catlin開發的。sass可以簡化你的css工作流，並可以使你的css的擴充套件和維護工作變的更加容易！例如，曾幾時何，因為客戶的需求的變更，你必須不斷的通過查詢和替換來更改乙個畫素...
erlang初學小練習
module delive compile export all sum x,y if x 9,y 9 io format w w w n x,y,x y x y io format w w w x,y,x y sum x,y 1 x y io format w w w n x,y,x y sum ...