先來哈拉一段：
sass這個按每個人的想法吧，有的人寫習慣了就不想用，有的人想嘗試新的東西就想用，這個不能說好，不能說壞，所以就自己看著辦吧。
1、sass的安裝
**rubygems映象安裝 sass
$ gem sources --remove
$ gem sources -a
$ gem sources
*** current sources ***
# 請確保只有 ruby.taobao.org
$ gem install sass
sass -v
這一系列做完，你的sass就安裝好了
2、sass的用法
因為我們前面安裝的sublime text2而且裡面涉及到sass的外掛程式也預設大家都安裝了，所以就新建乙個.scss檔案吧，然後就可以用sublime開啟，開始寫sass吧，寫完儲存，自動會編譯的，是不是很方便啊？ 變數
定義變數：$linkcolor:red;
$color:red;
$color:blue !default;p
2、變數用#{}包裹
一般來說，我們設定的變數都是用於屬性值的，而如果變數需要鑲嵌在字串之中，就必須需要寫在#{}之中。
background: url(#topbg.png) no-repeat;
3、變數後面加...
@mixin box-shadow($shadow...)
$shadow...這樣寫是因為box-shadow中的屬性有1px 1px 2px #333,這些屬性值
4、多個變數一起宣告
其實這個還是很實用的，把多個相關的值寫在乙個變數裡，然後通過nth($var,index)來獲取第幾個值。
$linkcolor: red blue !default;a}
巢狀 dom巢狀ul}
}屬性巢狀p}
繼承
(1)@mixin left($value:10px)
divp
輸出：div
p tips:這裡的輸出不能進行合併
(2).class1
.class2
.class3
輸出：.class1, .class2, .class3
.class2
.class3
tips：這裡的輸出，把相同的提出進行合併
(3)%類名ul
div
輸出：
ul,div ul
divtips：這裡的輸出，把相同的提出進行合併
@import命令插入外部檔案_mixin.scss
@import "mixin";
sass安裝和語法
1.簡介 sass 它的基本思想是，用一種專門的程式語言，進行網頁樣式設計，然後再編譯成正常的css檔案。這被叫做 css預處理器 css preprocessor 它提供了很便利的語法，節省了我們寫css的時間。2.安裝 1 首先確保你的電腦安裝了 ruby 傳送門 控制台檢視是否安裝成功 rub...
Sass教程二 Sass的安裝
前面已經提到了，sass是用ruby語言開發的，所以在安裝sass之前，需要先安裝ruby ruby安裝好了之後，我們就可以利用ruby的包管理工具gem安裝sass了，同樣還是在cmd裡執行以下命令 gem install sass安裝完成之後，還是老辦法檢查以下安裝是否成功 sass v 如果安...
Less和Sass的用法及區別
1 less為css的擴充套件技術，可向下相容css，新增特性也使用css語法。2 less與sass使用均需先宣告，再使用，less格式為.less，sass格式為.sass和.scss 常用 3 分類 1 變數 less 名稱 值 使用 選擇器 sass 名稱 值 使用 選擇器 2 混合固定值 ...