之前項(xiàng)目用過(guò)Less,現(xiàn)在負(fù)責(zé)的項(xiàng)目也要使用,所以就總結(jié)下Less,也方便以后查看。本文主要是講瀏覽器端如何使用Less。
簡(jiǎn)介:
LESS是一種由Alexis Sellier設(shè)計(jì)的動(dòng)態(tài)層疊樣式表語(yǔ)言。LESS 是開源的,其第一個(gè)版本由Ruby寫成,但在后續(xù)的版本當(dāng)中,Ruby逐漸被替換為JavaScript。受益于JavaScript,LESS可以在客戶端上運(yùn)行(IE6+、Webkit、Firefox),也可以在服務(wù)端運(yùn)行(Node.js、Rhino)。
本質(zhì)上,LESS 包含一套自定義的語(yǔ)法及一個(gè)解析器,用戶根據(jù)這些語(yǔ)法定義自己的樣式規(guī)則,這些規(guī)則最終會(huì)通過(guò)解析器,編譯生成對(duì)應(yīng)的 CSS 文件。LESS 并沒(méi)有裁剪 CSS 原有的特性,更不是用來(lái)取代 CSS 的,而是在現(xiàn)有 CSS 語(yǔ)法的基礎(chǔ)上,為 CSS 加入程序式語(yǔ)言的特性。你也可以再less文件中寫按照css規(guī)則寫樣式。
意義:
改變傳統(tǒng)樣式的編寫方式,以面向?qū)ο蟮姆绞骄帉懀岣唛_發(fā)效率。
引入LESS:
首先,引入rel屬性的值是stylesheet/less的.less樣式表。如下:
新聞熱點(diǎn)
疑難解答
圖片精選