首頁技術(shù)文章正文

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

更新時(shí)間:2020-12-10 來源:黑馬程序員 瀏覽量:

1577370495235_學(xué)IT就到黑馬程序員.gif

  在學(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è)級CSS擴(kuò)展語言,它是一款強(qiáng)化CSS的輔助工具,在CSS語法的基礎(chǔ)上增加了變量(variables)、嵌套(nestedrules)、混合(mixins)、導(dǎo)入(inline imports)等高級功能,讓CSS更加強(qiáng)大與優(yōu)雅。使用Sass以及Sass的樣式庫(如Compass)有助于更好地組織管理樣式文件,以及更高效地開發(fā)項(xiàng)目。

  Sass的優(yōu)勢主要包括如下幾點(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í)只需通過變量名在不同的代碼位置來引用它?;蛘撸瑢τ趦H使用過一次的屬性值,可以賦予其一個(gè)易懂的變量名,讓人很直觀地看出這個(gè)屬性值的用途。

猜你喜歡:

【web前端】移動(dòng)端web頁面如何定義和使用初始化樣式?

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

黑馬程序員web前端培訓(xùn)課程 

分享到:
在線咨詢 我要報(bào)名
和我們在線交談!