IT兄弟連 HTML5教程 初識Sass 小結及習題

• 2020 年 1 月 2 日
• 筆記

小結

Sass完全兼容CSS語法，並且添加了一些編程的特性，編寫的Sass程式碼在編譯之後最終生成的是CSS文件。Sass具有維護性高、可擴展性強、復用性高的優點，提高我們的編碼效率。Sass是使用Ruby語言編寫的，Sass的運行是依賴於Ruby環境的，所以在安裝Sass之前我們首先要安裝Ruby環境。Sass的後綴名可以有兩個選擇，分別為sass和scss，其中後綴名為sass需要的嚴格的縮進來做定界。跟大部分程式語言一樣，Sass其基本語法也包括這些基本語法，比如變數、數據類型、運算符、流程式控制制語句、函數等。

習題

1．在Sass中編譯出來的樣式風格有哪些？［多選］（ABCD）

A．嵌套輸出方式nested B．展開輸出方式expanded

C．緊湊輸出方式compact D．壓縮輸出方式compressed

2．Sass的變數不包括以下哪個？（D）

A．聲明變數的符號」$」 B．變數名稱

C．賦予變數的值 D．變數類型

3．以下sass程式碼編譯後生成的css文件為哪項？（A）

a{

color: red;

&:hover{

color: green;

}

}

A．a{ color: red; }　a:hover{ color: green; }

B．a{ color: red; }　&:{ color: green; }

C．a{ color: red; }　hover{ color: green; }

D．a{ color: red; }　a{ color: green; }

4．SassScript支援以下哪些數據類型？［多選］（ABCD）

A．數字 B．文本字元串

C．顏色 D．布爾值

5．所有算數運算都支援顏色值，並且是分段運算。下面的顏色計算的結果是？（C）

p { color: #010203 + #040506; }

A．#010203; B．#040506;

C．#050709; D．#000000;

6．Sass是什麼？

參考答案：

Sass是對CSS的擴展，讓CSS語言更強大、優雅。它允許你使用變數、嵌套規則、mixins、導入等眾多功能，並且完全兼容CSS語法。Sass有助於保持大型樣式表結構良好，同時也讓你能夠快速開始小型項目，特別是在搭配Compass樣式庫一同使用時。