什么是LESS?
LESS是一個(gè)CSS預(yù)處理器,可以為網(wǎng)站啟用可自定義,可管理和可重用的樣式表。 LESS是一種動(dòng)態(tài)樣式表語言,擴(kuò)展了CSS的功能。 LESS也是跨瀏覽器友好。
CSS預(yù)處理器是一種腳本語言,可擴(kuò)展CSS并將其編譯為常規(guī)CSS語法,以便可以通過Web瀏覽器讀取。 它提供諸如變量,函數(shù), mixins 和操作等功能,可以構(gòu)建動(dòng)態(tài)CSS。
為什么要使用LESS?
- LESS支持創(chuàng)建更清潔,跨瀏覽器友好的CSS更快更容易。
- LESS是用JavaScript設(shè)計(jì)的,并且創(chuàng)建在 live 中使用,其編譯速度比其他CSS預(yù)處理器更快。
- LESS保持你的代碼以模塊化的方式,這是非常重要的,通過使其可讀性和容易改變。
- 可以通過使用LESS 變量來實(shí)現(xiàn)更快的維護(hù)。
歷史
LESS由 Alexis Sellier 于2009年設(shè)計(jì)。LESS是一個(gè)開源。 LESS的第一個(gè)版本是用Ruby編寫的,在后來的版本中,它被JavaScript代替。
特征
- 更清晰和更可讀的代碼可以以有組織的方式編寫。
- 我們可以定義樣式,它可以在整個(gè)代碼中重復(fù)使用。
- LESS是基于JavaScript的,是超集的CSS。
- LESS是一個(gè)敏捷工具,可以排除代碼冗余的問題。
優(yōu)點(diǎn)
- LESS輕松地生成可在瀏覽器中工作的CSS。
- LESS使您能夠使用嵌套編寫更干凈,組織良好的代碼。
- 通過使用變量可以更快地實(shí)現(xiàn)維護(hù)。
- LESS使您能夠通過在規(guī)則集中引用它們來輕松地重用整個(gè)類。
- LESS提供使用操作,使得編碼更快并節(jié)省時(shí)間。
缺點(diǎn)
- 學(xué)習(xí)如果你是新的CSS預(yù)處理需要時(shí)間。
- 由于模塊之間的緊密耦合,應(yīng)當(dāng)采取更多的努力來重用和/或測(cè)試依賴模塊。
- 與舊的預(yù)處理器(例如Sass)相比,LESS具有較少的框架,Sass由框架 Compass , Gravity和 Susy 組成。
適用人群
本教程將幫助學(xué)生以及希望使他們的網(wǎng)站或個(gè)人博客更具吸引力的專業(yè)人士。
學(xué)習(xí)前提
您應(yīng)該熟悉:
- 使用任何文本編輯器的基本字處理。
- 如何創(chuàng)建目錄和文件。
- 如何瀏覽不同的目錄。
- 使用Internet Explorer或Firefox等流行的瀏覽器進(jìn)行Internet瀏覽。
- 使用HTML或XHTML開發(fā)簡(jiǎn)單的網(wǎng)頁。
如果您是HTML和XHTML的新手,那么我們建議您先閱讀HTML教程或XHTML教程。
如果您覺得LESS的學(xué)習(xí)難度較高,不好理解,可以采用更易于理解的視頻教程進(jìn)行學(xué)習(xí):LESS視頻課程