二、Sass/Scss 介紹

 

一、sass的特點功能

• 兼容CSS3；
• 在CSS基礎上增長了變量、嵌套、函數、混合等功能；
• 提供控制指令等高級功能
• 自定義輸出格式

二、sass的語法格式（兩種）

1. SCSS（Sassy CSS  /  野蠻的CSS / 強硬的CSS）語法格式，基於CSS3進行擴展。以 .scss 做爲擴展名；
   1. 強制使用分號 （ ；）;
   2. 強制使用CSS 大括號 （ { } ）  
2. SASS（Indented Sass）是一種縮進的格式。以 .sass 做爲擴展名；

三、sass 和 scss 的區別

        sass和scss從本質上是一回事兒，只是兩種不一樣的語法格式。它們統稱爲sass。scss是sass更新到3.0版本擴展出來的語法格式。

咱們平時開發大部分人都習慣了CSS的語法格式，也就是強制使用分號和選擇器後要用花括號的習慣。那麼scss是個不錯的選擇。

 

下一篇文章咱們介紹 《 SASS - 嵌套規則 - CSS的功能擴展1 》