CSS是每個web浏覽器都能理解的默認樣式語言，SCSS是CSS語言的超集。讓我(wǒ)(wǒ)們看看這兩種方法，并确定哪一(yī)種最适合你下(xià)一(yī)個web開(kāi)發項目。想要對SCSS和CSS有更深入的了解和學習，了解如何使用它們。

什麽是CSS

它代表級聯樣式表，你可以将其定義爲腳本語言，描述HTML元素在web浏覽器中(zhōng)或打印網頁時的顯示方式。

CSS樣式使用.CSS文件擴展名存儲在單獨的文件中(zhōng)，由于這種與标記的分(fēn)離(lí)，你可以在網站或應用程序的多個頁面上重用它們。Web開(kāi)發人員(yuán)隻需一(yī)個文件就可以更新整個站點的樣式，CSS解決了網頁設計的一(yī)個大(dà)問題，使網頁設計更靈活。

CSS使用我(wǒ)(wǒ)們所稱的選擇器來查找網頁上的HTML元素，常見的選擇器類型有：元素選擇器、類選擇器、ID選擇器、後代選擇器。在web前端培訓中(zhōng)，有很多關于CSS的課程，也有一(yī)些實訓項目學習，你将學會使用不同的CSS選擇器來操作。

選擇的每個元素的樣式将在大(dà)括号之間的聲明塊中(zhōng)設置，每一(yī)個都由一(yī)個鍵和一(yī)個值組成，鍵和值之間用冒号分(fēn)隔，并以分(fēn)号結尾。在樣式表中(zhōng)，我(wǒ)(wǒ)們隻設置頁面上元素的顔色、背景色和文本對齊方式，但是您可以設置500多個有效的CSS屬性。有些是特定的，隻能應用于某些類型的元素。

什麽是SCSS

SCSS代表Sassy級聯樣式表或Sassy CSS，它是CSS語言的超集，爲CSS添加了額外(wài)的功能，并爲web開(kāi)發人員(yuán)在創建web設計時提供了更大(dà)的靈活性和能力。它使用與CSS相同的語法，CSS需要括号和分(fēn)号來指定塊和行結尾。大(dà)多數浏覽器無法理解SCSS，必須先編譯成CSS，然後才能在浏覽器中(zhōng)使用它們。用于SCSS樣式表的擴展名是.SCSS。

SCSS有很多CSS所沒有的特性，比如：

SCSS有變量

SCSS使用嵌套語法

SCSS有混合器

易于組織項目

SCSS還有很多我(wǒ)(wǒ)們沒有介紹的特性，包括繼承、函數（不同于mixin）、數據類型、控制結構如if（）等等。

SCSS需要的一(yī)件事是編譯。許多構建工(gōng)具可以監視SCSS文件中(zhōng)的更改，隻要它們檢測到更新并重新加載浏覽器，就可以重新編譯。