1、什么是scss？

? ? ? ? ? ?scss是css的預(yù)處理器，css是標(biāo)記語(yǔ)言，不可以定義變量、封裝、引用等。

2、scss的使用

? ? ? ? ? ?a、在自己的項(xiàng)目目錄中新建css文件夾，新建xxx.scss

? ? ? ? ? ?b、打開(kāi)考拉工具，將新建的css文件夾拖進(jìn)去(路徑不能有中文)

? ? ? ? ? ?c、在html中引入生成的css文件

3、scss中使用變量

? ? ? ? ? ?$ ?變量名（自己起）：值

? ? ? ? ? ?變量的使用：

? ? ? ? ? ? ? ? ? ? ? 1、在屬性值的位置使用變量

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 屬性名：變量名

? ? ? ? ? ? ? ? ? ? ? 2、在屬性名的位置使用變量

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? #{$變量}：值

4、scss中的計(jì)算功能

? ? ? ? ? ? ? ? ? scss中支持算術(shù)運(yùn)算符 ? + ? - ? * ? / ? %

5、scss中是支持注釋的

? ? ? ? ? ? ? ? ? //單行注釋 ? ? ? ? ? /**/多行注釋

? ? ? ? ? ? ? ? ?如果在scss中使用中文（注釋）需要在scss文件的最上方設(shè)置中文編碼

? ? ? ? ? ? ? ? ?//單行注釋 ? ? ? ? ? ? ? 是不會(huì)編譯出來(lái)的

? ? ? ? ? ? ? ? ?/**/ 多行注釋 ? ? ? ? ? scss中多行注釋能在css文件中被編譯出來(lái)

? ? ? ? ? ? ? ? ? @charset ?“utf-8”；