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,其中包括框架壓縮,比重和超對稱。