之前項目用過Less,現在負責的項目也要使用,所以就總結下Less,也方便以后查看。本文主要是講瀏覽器端如何使用Less。
簡介:
LESS是一種由Alexis Sellier設計的動態層疊樣式表語言。LESS 是開源的,其第一個版本由Ruby寫成,但在后續的版本當中,Ruby逐漸被替換為JavaScript。受益于JavaScript,LESS可以在客戶端上運行(IE6+、Webkit、Firefox),也可以在服務端運行(Node.js、Rhino)。
本質上,LESS 包含一套自定義的語法及一個解析器,用戶根據這些語法定義自己的樣式規則,這些規則最終會通過解析器,編譯生成對應的 CSS 文件。LESS 并沒有裁剪 CSS 原有的特性,更不是用來取代 CSS 的,而是在現有 CSS 語法的基礎上,為 CSS 加入程序式語言的特性。你也可以再less文件中寫按照css規則寫樣式。
意義:
改變傳統樣式的編寫方式,以面向對象的方式編寫,提高開發效率。
引入LESS:
首先,引入rel屬性的值是stylesheet/less的.less樣式表。如下:
新聞熱點
疑難解答