Sass-學習筆記
1：定義
Sass是css預處理器的一種，也是最早的css預處理語言。Sass采用Ruby語言編寫，為css增加一些編程的特性，無需考慮瀏覽器的兼容性問題。
編程特性指：可以在css中使用變量、簡單地邏輯程序、函數等等在編程語言中的一些基本特性
但是，sass無法兼容已有的css代碼。即sass可以推導成css，css沒變法反變回去之前的sass。
2：其他一些css預處理器
- Sass（SCSS）
- LESS
- Stylus
- Turbine
- Swithch CSS
- CSS Cacheer
- DT CSS
3：關於Sass和SCSS之間的不同
Sass和SCSS其實是同一種東西，平時都稱之為Sass。二者其實有不同
兩個區別點如下
（1）.文件擴展不同。
Sass用“.sass”後綴為擴展名；
SCSS用“.scss”;
（2）.語法書寫方式不同。
Sass以嚴格的縮進式語法規則來書寫，不帶大括號“{}”和分號“；”。
SCSS的語法書寫和CSS語法書寫方式非常類似。
示例如下：
Sass語法——
$font-stack: Helvetica,sans-serif //定義變量
$primary-color: #333 //定義變量
body
font: 100% $font-stack
color: $primary-color
SCSS語法——
$font-stack : Helvetica, sans-serif；
$primary-color: #333；
body{
font: 100% $font-stack；
color: $primary-color；
}
二者編譯出來的css都是
body{
font： 100% Helvetica, sans-serif；
color： #333；
}
接下來學習的都是使用的SCSS語法方式
4：Sass和CSS的寫法差別：
正如Sass和SCSS的區別一樣，
css和SCSS的書寫方式無差別；甚至可以把現有的css文件直接改為“.scss”都可以直接使用。
css和Sass的區別也是一樣的！
Sass是基於Ruby寫出來的，延續了Ruby的書寫規範。
書寫Sass的時候不帶有大括號和分號，其主要的依靠嚴格的縮進方式來控制;
而css就是有大括號和分號，必不可少；而且縮進方式沒有那麽嚴格的要求，甚至可以不用縮進。
代碼示例：
Sass寫法
body
color： #fff
background： #fff
css寫法
body{
color:：#fff；
background： #fff；
}
Sass-學習筆記