簡介
sass 是一款強化 css 的輔助工具，它在 css 語法的基礎上增加了變數 (variables)、巢狀 (nested rules)、混合 (mixins)、匯入 (inline imports) 等高階功能，這些拓展令 css 更加強大與優雅。
使用 sass 以及 sass 的樣式庫（如 [compass](有助於更好地組織管理樣式檔案，以及更高效地開發專案。
安裝完成後在cmd輸入命令：gem install sass
即可安裝成功
sass的四種編譯風格
nested：巢狀縮排的css**，其為預設值
expanded：沒有縮排的，擴充套件的css**
compact：簡潔格式的css**
compressed：壓縮後的css**
檢視sass檔案的css內容，在cmd中輸入命令：sass 檔名.scss
把sass檔案轉為css檔案,在cmd中輸入命令：sass 檔名.scss 轉換後的檔名.css
（若想以某種風格壓縮）：sass --style 風格名稱 ***.scss ***.css
監聽檔案，一旦原始檔有變動，會自動生成編譯後的版本。在cmd中輸入命令：sass --watch ***.scss:***.css
更多命令的用法可通過輸入命令sass --help來獲取幫助。
也可使用nodejs下的gulp模組來編譯sass
sass的字尾檔名為.scss
定義變數：$變數名：$red:red;
若變數需要嵌入在字串中（組合形式），則必須寫在#{}中：$red:red; .border}
計算功能：可以是兩個數值運算，也可以是變數間的運算（兩個變數不能相加）
.borderpx;}
復用功能（繼承）：乙個選擇器繼承另乙個選擇器
第一種：@extend ***
.a1.a2
第二種：定義乙個mixin塊，是可以重用的**塊
@mixin b($b,$f)
.a3插入檔案：使用import命令來插入外部檔案
@import '***.scss'; （若插入是scss檔案則把編譯後的**檔案插入其中。若插入是css檔案，則相當於@import url(***.css)命令）
條件語句：@if / @if-else / @if-else if
.a4 @else if $num==4 }
迴圈語句：@for / @while / @each
@for:
@for $i from 1 to 10.png');
}}@while:
$j:9;
@while $j>0.png');
}$j:$j-1;
}@each:
@each $item in 1,2,3,4,5.png');
}}函式：@function
@function a7($r)
.a8px solid #000;
}選擇器（標籤）巢狀：
div}
也可以用'&'代表巢狀規則外層的父選擇器
a body.firefox &
}屬性巢狀：（便於管理同一類控制的屬性）a}
插值語句 #{}:
$name: foo;
$attr: border;
p.# -color: blue;
}
關於Sass用法
sass是css預處理器，sass是一種易於使用的樣式語言，可幫助減少傳統css的許多重複性和可維護性挑戰。學習sass可以編寫出可重複使用的樣式效，也是在工作和面試要求中不可或缺的一項技能了。sass使您可以使用css中不存在的功能，例如變數，巢狀規則，混合，匯入，繼承，內建函式和其他內容。支援 ...
C 簡短筆記 關於字元陣列
關於字元陣列 len1 strlen str1 len2 strlen str2 int i for i 0 i len1 i str3 i 0 1 初始化 1 可以像普通陣列一樣，乙個乙個賦值進行初始化 2 也可以通過直接賦值字串來初始化 僅限於初始化的時候 2 字元陣列的輸入輸出 輸入 scan...
關於Sass監聽單檔案
在使用sass 首先得安裝ruby，這些可以看 安裝教程 控制台進入 sass的資料夾，使用 sass watch xx.scss xx.css 當想要停止監聽的時候 ctrl c 就可以了。是不是超級簡單.在這裡需要注意的是 首次監聽轉換的時候 可能會報關於utf 8的錯誤 解決方案兩種 方法一 ...