Less教學 - tw511教學網

LESS是什麼? LESS是一個CSS前處理器，能夠客制化，可管理和可重複使用網站的樣式表。

LESS是一個動態的樣式表語言，擴充套件CSS的效能。

LESS也是友好的跨瀏. Less教學»Less教學 目錄 1.Less教學 2.Less安裝 3.Less巢狀規則 4.Less運算子 5.Less跳脫 6.Less函式 7.Less名稱空間和存取器 8.Less作用域 9.Less註釋 10.Less匯入 11.Less變數概述 12.Less選擇器 13.LessURLs 14.Lessimport語句 15.Less變數插值屬性 16.Less變數插值 17.Less變數名 18.Less變數延遲載入 19.Less預設變數 20.Less變數 21.Less減小CSS大小 22.Less合併風格及高階混入 23.Less擴充套件附加到選擇器 24.Less擴充套件內部規則集 25.Less擴充套件巢狀選擇器 26.Less使用擴充套件精確匹配 27.Lessnth表示式 28.Less擴充套件all 29.Less選擇器插值擴充套件 30.Less作用域及擴充套件@media 31.Less重複檢測 32.Less擴充套件 33.Less不輸出混合型別 34.Less在混合型別的選擇器 35.Less混合名稱空間 36.Less守護名稱空間 37.Less!important關鍵字 38.Less混合型別 39.LessMixins使用多引數 40.Less命名引數 41.Less@arguments變數 42.Less高階引數和@rest變數 43.Less模式匹配 44.Less引數化混合 45.Less混合作用域 46.LessMixin和返回值 47.Less混合在另一個混合中 48.Less混合作為引數 49.Less傳遞規則集到混合 50.Less匯入指令 51.Less匯入選項reference關鍵詞 52.Less匯入選項inline關鍵詞 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，其中包括框架壓縮，比重和超對稱。

Less安裝