更新時(shí)間:2020-12-10 來源:黑馬程序員 瀏覽量:
在學(xué)習(xí)Sass之前,首先了解一下原生CSS語言,CSS僅僅是一個(gè)標(biāo)記語言,不是編程語言,因此不可以自定義變量,也不可以引用。CSS主要有以下缺點(diǎn)。
(1) CSS是一門非程序式語言,沒有變量、函數(shù)、SCOPE(作用域)等概念。
(2) CSS需要書寫大量看似沒有邏輯的代碼,代碼冗余度是比較高的。
(3) CSS沒有很好的計(jì)算能力。
(4) 不方便維護(hù)及擴(kuò)展,不利于復(fù)用。
從上述內(nèi)容中,我們了解到CSS語言在實(shí)現(xiàn)頁面的樣式時(shí),存在著些許不足。為了解決css在實(shí)際開發(fā)過程中存在的問題,我們可以使用Sass來實(shí)現(xiàn)頁面的樣式。
Sass是一款成熟、穩(wěn)定、強(qiáng)大的專業(yè)級(jí)CSS擴(kuò)展語言,它是一款強(qiáng)化CSS的輔助工具,在CSS語法的基礎(chǔ)上增加了變量(variables)、嵌套(nestedrules)、混合(mixins)、導(dǎo)入(inline imports)等高級(jí)功能,讓CSS更加強(qiáng)大與優(yōu)雅。使用Sass以及Sass的樣式庫(如Compass)有助于更好地組織管理樣式文件,以及更高效地開發(fā)項(xiàng)目。
Sass的優(yōu)勢(shì)主要包括如下幾點(diǎn)。
(1) Sass完全兼容所有版本的CSS。
(2) 特性豐富,Sass擁有比其他任何CSS擴(kuò)展語言更多的功能和特性。
(3) 技術(shù)成熟,功能強(qiáng)大。
(4) 行業(yè)認(rèn)可,越來越多的人使用Sass。
(5) 社區(qū)龐大,大多數(shù)科技企業(yè)和成百上千名開發(fā)者為Sass提供支持。
(6) 有無數(shù)框架使用Sass構(gòu)建,如Compass、Bootstrap、Bourbon和Susy。
此外,Sass為CSS引入了變量的概念。在Sass中編寫樣式代碼時(shí),可以把反復(fù)使用的CSS屬性值定義成一個(gè)變量,這樣就不需重復(fù)地書寫此屬性值,在使用此屬性值時(shí)只需通過變量名在不同的代碼位置來引用它。或者,對(duì)于僅使用過一次的屬性值,可以賦予其一個(gè)易懂的變量名,讓人很直觀地看出這個(gè)屬性值的用途。
猜你喜歡: