安裝：
2.開啟ruby的命令視窗（start command prompt with ruby)
輸入gem install sass
@gem install sass --pre(要安裝beta版本的)
@gem update sass 公升級
sass -v
sass -hgit安裝：
git clone git:
cd sass
rake install
**映象安裝：
$ gem sources --remove
$ gem sources -a
$ gem sources
>>
$ gem install sass
編譯：(當前檔案目錄cmd命令視窗)
單檔案轉換命令 sass style.scss style.css單檔案監聽命令 sass --watch style.scss:style.css
資料夾監聽命令 sass --watch sassfiledirectory:cssfiledirectory
css檔案轉成sass/scss檔案： sass-convert style.css style.scss
css格式型別：nested(預設的)，expanded(喜歡)，compact(多行)，compressed(壓縮)
sass --watch style.scss:style.css --style compact
編譯型別：--sourcemap(推薦生成字尾名.css.map檔案)，--debug-info
sass --watch style.scss:style.css --sourcemap
sass --watch style.scss:style.css --style expanded --sourcemap
sass --watch style.scss:style.css --debug-info
sublime:
1. shift+ctrl+p:選擇install package2. 再輸入sass 選擇安裝
3. 再輸入sass build 選擇安裝
4. ctrl+b 編譯
5. 開啟tools >> build system >> sass 或者 sass compressed(css壓縮格式)
語法：
檔案字尾名：sass(沒有大括號和分號)和scss(推薦)。檔案匯入：@import 'reset' 不要加.scss字尾名。
注釋：/**/或者//(不會顯示在css檔案裡面)。
變數：$fontsixe: 12px。
預設變數: $fontsize: 14px !default; 可以被普通變數覆蓋掉。
特殊變數：#相當於字串。
多值變數：
list:
$linkcolor: #08c #333;
a
}
map:$headings: (h1: 2em, h2: 1.5em, h3: 1.2em);
巢狀：
選擇器巢狀（常用）&表示父類選擇器
屬性巢狀
.fakeshadow
right:
}
}
跳出巢狀：@at-root
混合：@mixin@include
示例：
@mixin opacity($opacity:50)
.opacity
.opacity-80
@content：解決@media的問題
@mixin max-screen($res)
}
@include max-screen(480px)
}
//-------------------------------
@media only screen and (max-width: 480px)
}
繼承:
@extend
h1
.speaker
//---------------------------------
h1,.speaker
函式：
$basefontsize: 10px !default;
$gray: #ccc !defualt;
// pixels to rems
@function pxtorem($px)
body
.test
運算，條件判斷(@if),三目判斷(if)，迴圈(@for,@each)
Sass學習筆記
1.全域性變數p background color color red span div2.default 第二種，使用前面定義的值 color red 變數申明帶有 default，但是前面還有這個變數的申明 color blue default p3.變數用 包裹 btnclass btn de...
Sass學習筆記。
定義 css預處理器定義了一種新的語言，其基本思想是，用一種專門的程式語言，為css增加了一些程式設計的特性，將css作為目標生成檔案，然後開發者就只要使用這種語言進行編碼工作。採用ruby語言編寫的一款css預處理語言 副檔名 sass 嚴格的縮排式語法 scss 與平時css語法書寫類似 scs...
sass學習筆記
2 安裝haml sass 開啟ruby的命令符面板，輸入 gem install haml 和 gem install sass 3 進入相應的檔案中,執行命令 sass test.scss test.css sass style compressed nested compact expande...