Less 教程

什么是LESS？

LESS是一個CSS預處理器，可以為網站啟用可自定義，可管理和可重用的樣式表。 LESS是一種動態樣式表語言，擴展了CSS的功能。 LESS也是跨瀏覽器友好。

CSS預處理器是一種腳本語言，可擴展CSS并將其編譯為常規CSS語法，以便可以通過Web瀏覽器讀取。 它提供諸如變量，函數， mixins 和操作等功能，可以構建動態CSS。

為什么要使用LESS？

• LESS支持創建更清潔，跨瀏覽器友好的CSS更快更容易。
• LESS是用JavaScript設計的，并且創建在 live 中使用，其編譯速度比其他CSS預處理器更快。
• LESS保持你的代碼以模塊化的方式，這是非常重要的，通過使其可讀性和容易改變。
• 可以通過使用LESS 變量來實現更快的維護。

歷史

LESS由 Alexis Sellier 于2009年設計。LESS是一個開源。 LESS的第一個版本是用Ruby編寫的，在后來的版本中，它被JavaScript代替。

特征

• 更清晰和更可讀的代碼可以以有組織的方式編寫。
• 我們可以定義樣式，它可以在整個代碼中重復使用。
• LESS是基于JavaScript的，是超集的CSS。
• LESS是一個敏捷工具，可以排除代碼冗余的問題。

優點

• LESS輕松地生成可在瀏覽器中工作的CSS。
• LESS使您能夠使用嵌套編寫更干凈，組織良好的代碼。
• 通過使用變量可以更快地實現維護。
• LESS使您能夠通過在規則集中引用它們來輕松地重用整個類。
• LESS提供使用操作，使得編碼更快并節省時間。

缺點

• 學習如果你是新的CSS預處理需要時間。
• 由于模塊之間的緊密耦合，應當采取更多的努力來重用和/或測試依賴模塊。
• 與舊的預處理器(例如Sass)相比，LESS具有較少的框架，Sass由框架 Compass ， Gravity和 Susy 組成。

適用人群

本教程將幫助學生以及希望使他們的網站或個人博客更具吸引力的專業人士。

學習前提

您應該熟悉:

• 使用任何文本編輯器的基本字處理。
• 如何創建目錄和文件。
• 如何瀏覽不同的目錄。
• 使用Internet Explorer或Firefox等流行的瀏覽器進行Internet瀏覽。
• 使用HTML或XHTML開發簡單的網頁。

如果您是HTML和XHTML的新手，那么我們建議您先閱讀HTML教程或XHTML教程。

如果您覺得LESS的學習難度較高，不好理解，可以采用更易于理解的視頻教程進行學習：LESS視頻課程