Less教學

LESS是什麼?

LESS是一個CSS預處理器，能夠定制，可管理和可重複使用網站的樣式表。 LESS是一個動態的樣式表語言，擴展CSS的性能。 LESS也是友好的跨流覽器。

CSS預處理器是一種腳本語言，它擴展了CSS並編譯成普通的CSS語法，以便它可以通過Web流覽器讀取使用。它提供了像變數，函數，混合類型和操作，使您可以建立動態的CSS功能。

為什麼要用Less？

• LESS支持創建更清潔，CSS更快，更容易，跨流覽器更友好。
• LESS設計在 JavaScript 和還可創建在即時使用，編譯比其他的 CSS 預處理器更快。
• LESS讓你的代碼，通過使可讀性和易於更換的模組化方式。
• 更快的維護可以通過使用LESS的變數來實現。

歷史

LESS是由亞曆克西斯澤利爾（Alexis Sellier）在2009年設計的，LESS是一個開源的專案。LESS 的第一個版本是用Ruby編寫的，並在後來的版本，它被 JavaScript 替換。

特點

• 更清潔，更可讀的代碼可以寫在一個有組織的方式。
• 可以定義樣式並且它可以在整個碼被重複使用。
• LESS 基於javascipt，它是 CSS 的超集。
• LESS整理出的代碼冗餘的問題，它一個敏捷的工具。

優勢

• LESS 容易產生跨流覽器的 CSS 。
• LESS 可以通過使用嵌套寫的更清潔以及更好地組織代碼。
• 維護能夠更快地通過使用變數來實現。
• LESS使您能夠在您的規則集中輕鬆地重用整個類。
• LESS提供使用操作，使得編碼速度更快，更節省時間。

劣勢

• 這需要時間，如果是剛開始學習使用 CSS 預處理。
• 由於模組之間的緊耦合，應採取更多的努力重用和/或測試從屬模組。

• LESS 框架相比老預處理像SASS，其中包括框架壓縮，比重和超對稱。