1、什么是CSS預處理器，什么是Sass?

（1）用一種專門的編程語言，進行網頁樣式設計，然后再編譯成正常的CSS文件，這被叫做“CSS預編譯處理器”

? （2）SASS就是其中一種，CSS開發工具，提供了許多便利的寫法，大大節省了設計者的時間，使 ? 得CSS開發，變得簡單和可維護。

2、scss的使用

? ? ? a、新建一個項目的css目錄 在里面新建***.scss文件

? ? ? b、將css目錄拖到考拉中 進行編譯 會自動的聲稱一個***.css文件

? ? ? ?c、在html中引入***.css文件

? ?3、Sass與SCSS有什么區別？

? ? ?（1） sass后綴名為sass，是sass的老式語法，不使用大括號和分號進行縮進；

? ? ? （2）scss后綴名為scss,使用大括號和分號進行縮進，是sass的新式語法。

? ? ? （3）建議使用后綴名為scss的文件，以避免sass后綴名的嚴格格式要求報錯。

?4、Sass/SCSS和純CSS對比？

? ? ? ?CSS沒有語句，無法編程，只是單純的描述。

5、scss中的嵌套(選擇器)?

? ? ? css3中關系選擇器

? ? ? > 子類選擇器

? ? ? 空格 ?后代選擇器

? ? ? + ? 緊鄰的下一個兄弟

? ? ?~ ?后代的所有兄弟

6、輸出方式(四種編譯風格)

? ? ?nested：嵌套縮進的css代碼，它是默認值。

? ? expanded：沒有縮進的、擴展的css代碼。

? ? compact：簡潔格式的css代碼。

? ?compressed：壓縮后的css代碼。

7、普通變量與默認變量

? ? 普通變量:$變量名：值;

? ? 默認變量:$變量名：值 ！default;

8、局部變量和全局變量

? ? ?全局變量:$變量名: 值!Global;

9、嵌套：

? ?選擇器嵌套

? ? 屬性嵌套

? ? ?偽類嵌套

10、Sass語法格式

? ? ? 繼承

? ? ? ?語法：

? ? ? ? ? .繼承名{

? ? ? ? ? ? ? ? ? ? ? ?公共代碼；

? ? ? ? ? ? ? }

引用：@extend ?.繼承名；

占位符

? ? ? ?語法：

? ? ? ?%繼承名{

? ? ? ? ? ? ? ? ? 公共代碼；

? ? ? ? ? ? }

引用：@extend? %繼承名；

混合宏（類似于自定義函數）

? ? ? ? ? ?語法：

? ? ? ? ? ?@mixin混合名（形式參數列表）{

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 代碼；

? ? ? ? ? ? ? ? ? ? ? }

引用：@include混合名（實際參數列表）

11、Sass的基本特性-運算

? ?1、加減乘除法運算

? ?2、變量計算

? ?3、數字運算

? ?4、顏色運算

? ?5、字符運算