Less是一種CSS的擴展和動態樣式表語言,CSS預處理器,可以在客戶端或伺服器端運行,幫助我們自訂,管理和重複使用網頁的樣式表;Less是一種開源語言,也是跨瀏覽器相容的語言。
本文操作環境:Windows7系統、Dell G3電腦、css3。
本篇主要跟大家介紹Less是什麼?讓大家了解Less的優點和缺點,希望對你們有幫助。
Less是什麼?
Less是一種CSS的擴展和動態樣式表語言,CSS預處理器,可以在客戶端或伺服器端運行,幫助我們自定義,管理和重複使用網頁的樣式表。
Less是一種開源語言,也是跨瀏覽器相容的語言。
什麼是CSS預處理器?
CSS預處理器是一種腳本語言,是CSS的擴充。它被編譯成常規的CSS語法,然後由網頁瀏覽器讀取CSS。較少看起來與CSS非常相似,但它提供了諸如變量,函數,混合和操作等功能,可以幫助您建立動態CSS。
Less和SASS都是CSS預處理器的範例,因為它們都被編譯並產生由網頁瀏覽器讀取的CSS語法。
如何使用Less?
Less是用JavaScript寫的,需要執行Node.js或網頁瀏覽器。我們可以在網站中包含Less.js,它可以即時編譯所有連結的.Less樣式表。
Less的優點和缺點
優點:
1、Less是一個CSS預處理器。編譯後,它會產生簡單的CSS,適用於瀏覽器。
2、Less支援跨瀏覽器相容性。
3、由於Less使用嵌套,使得程式碼更短、更乾淨,並以特定的方式組織
4、由於Less使用變量,可以更快地實現維護。
5、Less提供了一系列運算符,使編碼更快,更省時。
6、Less提供@mport規則,這樣我們就可以輕鬆地處理外部檔案。注意:匯入是必需的,因為許多人將樣式表分割為多個文件,而不是將其放入一個文件中。
7、Less提供了合併屬性。 Less最令人興奮的特徵是接受多個值,如transform,transition和box-shadow。
8、Less是用JavaScript寫的,它可以比CSS的其他預處理器更快編譯。
缺點:
1、如果我們不熟悉CSS預處理,就必須花一些時間好好學習Less的相關知識。
2、與包含Compass,Gravity和Susy等框架的SASS等較早的預處理器相比,Less提供的框架更少。
3、在Less中,模組之間存在緊密耦合,因此重複使用和/或測試相關模組需要花費更多精力。
總結:以上就是這篇文章的全部內容,希望能對大家的學習有所幫助。
以上是Less是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!