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