Less教程

LESS是什么?

LESS是一個(gè)CSS預(yù)處理器，能夠定制，可管理和可重復(fù)使用網(wǎng)站的樣式表。 LESS是一個(gè)動(dòng)態(tài)的樣式表語言，擴(kuò)展CSS的性能。 LESS也是友好的跨瀏覽器。

CSS預(yù)處理器是一種腳本語言，它擴(kuò)展了CSS并編譯成普通的CSS語法，以便它可以通過Web瀏覽器讀取使用。它提供了像變量，函數(shù)，混合類型和操作，使您可以建立動(dòng)態(tài)的CSS功能。

為什么要用Less？

• LESS支持創(chuàng)建更清潔，CSS更快，更容易，跨瀏覽器更友好。
• LESS設(shè)計(jì)在 JavaScript 和還可創(chuàng)建在實(shí)時(shí)使用，編譯比其他的 CSS 預(yù)處理器更快。
• LESS讓你的代碼，通過使可讀性和易于更換的模塊化方式。
• 更快的維護(hù)可以通過使用LESS的變量來實(shí)現(xiàn)。

歷史

LESS是由亞歷克西斯?jié)衫麪枺ˋlexis Sellier）在2009年設(shè)計(jì)的，LESS是一個(gè)開源的項(xiàng)目。LESS 的第一個(gè)版本是用Ruby編寫的，并在后來的版本，它被 JavaScript 替換。

特點(diǎn)

• 更清潔，更可讀的代碼可以寫在一個(gè)有組織的方式。
• 可以定義樣式并且它可以在整個(gè)碼被重復(fù)使用。
• LESS 基于javascipt，它是 CSS 的超集。
• LESS整理出的代碼冗余的問題，它一個(gè)敏捷的工具。

優(yōu)勢

• LESS 容易產(chǎn)生跨瀏覽器的 CSS 。
• LESS 可以通過使用嵌套寫的更清潔以及更好地組織代碼。
• 維護(hù)能夠更快地通過使用變量來實(shí)現(xiàn)。
• LESS使您能夠在您的規(guī)則集中輕松地重用整個(gè)類。
• LESS提供使用操作，使得編碼速度更快，更節(jié)省時(shí)間。

劣勢

• 這需要時(shí)間，如果是剛開始學(xué)習(xí)使用 CSS 預(yù)處理。
• 由于模塊之間的緊耦合，應(yīng)采取更多的努力重用和/或測試從屬模塊。

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