很早之前就聽(tīng)說(shuō)過(guò)less了,但是一直拖著沒(méi)去學(xué)習(xí)。最近抽空看了less,其實(shí)語(yǔ)法很簡(jiǎn)單,看一遍基本就知道怎么用了。平時(shí)自己寫頁(yè)面用less的話,感覺(jué)是方便了些,但是難道less的好處就只是這樣?

剛好最近也在學(xué)習(xí)bootstrap,發(fā)現(xiàn)其源文件就是用less寫的,看了之后,我才深深體會(huì)的less的好處與強(qiáng)大,對(duì)less也有了更深一層的理解。

1、Less是什么?

LESS CSS是一種動(dòng)態(tài)樣式語(yǔ)言,屬于CSS預(yù)處理語(yǔ)言的一種,它使用類似CSS的語(yǔ)法,為CSS的賦予了動(dòng)態(tài)語(yǔ)言的特性,如變量、繼承、運(yùn)算、函數(shù)等,更方便CSS的編寫和維護(hù)。

有些人可能沒(méi)有接觸過(guò)less,那我們就先可以簡(jiǎn)單的看看less的一些特性。

2、語(yǔ)言特性快速預(yù)覽:

變量:

變量允許我們單獨(dú)定義一系列通用的樣式,然后在需要的時(shí)候去調(diào)用。所以在做全局樣式調(diào)整的時(shí)候我們可能只需要修改幾行代碼就可以了。

LESS源碼:

復(fù)制代碼
@color: #4D926F;

#header { color: @color;
} h2 { color: @color;
}

網(wǎng)友評(píng)論