什么是Sass？Sass的優(yōu)勢有哪些？

　　在學習Sass之前，首先了解一下原生CSS語言，CSS僅僅是一個標記語言，不是編程語言，因此不可以自定義變量，也不可以引用。CSS主要有以下缺點。

　　(1) CSS是一門非程序式語言，沒有變量、函數(shù)、SCOPE(作用域)等概念。

　　(2) CSS需要書寫大量看似沒有邏輯的代碼，代碼冗余度是比較高的。

　　(3) CSS沒有很好的計算能力。

　　(4) 不方便維護及擴展，不利于復用。

　　從上述內(nèi)容中，我們了解到CSS語言在實現(xiàn)頁面的樣式時，存在著些許不足。為了解決css在實際開發(fā)過程中存在的問題，我們可以使用Sass來實現(xiàn)頁面的樣式。

　　Sass是一款成熟、穩(wěn)定、強大的專業(yè)級CSS擴展語言，它是一款強化CSS的輔助工具，在CSS語法的基礎上增加了變量(variables)、嵌套(nestedrules)、混合(mixins)、導入(inline imports)等高級功能，讓CSS更加強大與優(yōu)雅。使用Sass以及Sass的樣式庫(如Compass)有助于更好地組織管理樣式文件，以及更高效地開發(fā)項目。

　　Sass的優(yōu)勢主要包括如下幾點。

　　(1) Sass完全兼容所有版本的CSS。

　　(2) 特性豐富，Sass擁有比其他任何CSS擴展語言更多的功能和特性。

　　(3) 技術成熟，功能強大。

　　(4) 行業(yè)認可，越來越多的人使用Sass。

　　(5) 社區(qū)龐大，大多數(shù)科技企業(yè)和成百上千名開發(fā)者為Sass提供支持。

　　(6) 有無數(shù)框架使用Sass構(gòu)建，如Compass、Bootstrap、Bourbon和Susy。

　　此外，Sass為CSS引入了變量的概念。在Sass中編寫樣式代碼時，可以把反復使用的CSS屬性值定義成一個變量，這樣就不需重復地書寫此屬性值，在使用此屬性值時只需通過變量名在不同的代碼位置來引用它?；蛘?，對于僅使用過一次的屬性值，可以賦予其一個易懂的變量名，讓人很直觀地看出這個屬性值的用途。

猜你喜歡：

【web前端】移動端web頁面如何定義和使用初始化樣式？

如何通過Less變量來實現(xiàn)CSS樣式

黑馬程序員web前端培訓課程