sass是一種css的開發工具，提供了許多便利的寫法，大大節省了設計者的時間，使得css的開發，變得簡單和可維護。本文總結了sass的主要用法。
1. 變數
所有變數以$開頭
$blue
: #1875e7;
div
$side
: left;
.rounded
-radius
: 5px;
}
sass允許在**中使用算式：
body
sass共有兩種注釋風格。
標準的css注釋 /* comment / ，會保留到編譯後的檔案。
單行注釋 // comment，只保留在sass原始檔中，編譯後被省略。
在/ 後面加乙個感嘆號，表示這是"重要注釋"。即使是壓縮模式編譯，也會保留這行注釋，通常可以用於宣告版權資訊。
/*!
重要注釋！
*/
4.1 繼承
sass允許乙個選擇器，繼承另乙個選擇器。比如，現有class1
.class1
.class2
mixin有點像c語言的巨集（macro），是可以重用的**塊。
使用@mixin命令，定義乙個**塊。
@mixin left
div
@mixin
left
($value
: 10px)
div
sass提供了一些內建的顏色函式，以便生成系列顏色
lighten
(#cc3, 10%) // #d6d65c
darken
(#cc3, 10%) // #a3a329
grayscale
(#cc3) // #808080
complement
(#cc3) // #33c
@import命令，用來插入外部檔案。
@import
"path/filename.scss"
;
@import
"foo.css"
;
sass支援for迴圈：
@for $i from 1 to 10
px solid blue;
}}
$i
: 6;
@while $i > 0
$i: $i - 2;
}
}8. 條件語句
@if可以用來判斷：
p
@if 5 < 3
}
@if
lightness
($color) > 30%
@else
sass允許使用者編寫自己的函式。
@function
double
($n)
#sidebar
div h1
div
}
p
}
在巢狀的**塊內，可以使用&引用父元素。比如a:hover偽類，可以寫成：
a
}
Sass基本使用的方法
width 300px 當前檔案定義的變數 color bule div div color bule default 預設是藍色，但是如果有新的sass檔案，相同的變數名則可以任意覆蓋 字串變數 str hello.jpeg string div 加法 num1 100px num2 200px ...
SASS的基本語法
了解 sass sass是 css 的預編譯語言，可以把檔案編譯成 css 檔案。sass可以定義變數 可以定義函式 可以有 if 語句 可以有 for 迴圈語句，能使你敲 的速度的變得更高更快更強。sass 檔案 和 scss 檔案的區別 在 scss 檔案裡面和寫 css 的語法基本一致 在 s...
sass基本用法
本文都是以.scss為準 普通變數 sass的變數必須是以 開頭的，後面直接跟變數名 fontsize 12px body 如果變數需要預設值，在變數值的後面加上預設值的宣告 變數的預設值的宣告方式是變數值後加上 default 如下 baselineheight 2 baselineheight ...