###less
less是一種動態樣式語言,屬於css預處理器的範疇,它擴充套件了 css 語言,
增加了變數、mixin、函式等特性,使 css 更易維護和擴充套件
less 既可以在 客戶端 上執行 ,也可以借助node.js在服務端執行。
less的中文官網:
bootstrap中less教程:
###less中的注釋
以//開頭的注釋,不會被編譯到css檔案中
以/**/包裹的注釋會被編譯到css檔案中
###less中的變數
使用@來申明乙個變數:@pink:pink;
1.作為普通屬性值只來使用:直接使用@pink
2.作為選擇器和屬性名:#@的形式
3.作為url:@
4.變數的延遲載入
###less中的巢狀規則
1.基本巢狀規則
2.&的使用
###less中的混合
混合就是將一系列屬性從乙個規則集引入到另乙個規則集的方式
1.普通混合
2.不帶輸出的混合
3.帶引數的混合
4.帶引數並且有預設值的混合
5.帶多個引數的混合
6.命名引數
7.匹配模式
8.arguments變數
###less運算
在less中可以進行加減乘除的運算
###less避免編譯
###less繼承
效能比混合高
靈活度比混合低
css預處理器
css預處理定義了一種新的語言,其思想是一種專門的程式語言,為css增加了一些程式設計的特性。將css作為目標生成檔案。開發者可以使用這種語言進行編碼工作。css預處理器是一種專門的程式語言,進行web頁面樣式設計,然後再編譯成正常的css檔案,以供專案使用。css預處理器為css增加了一些程式設計...
CSS預處理器
什麼是css預處器?css 預處理器用一種專門的程式語言,進行 web 頁面樣式設計,然後再編譯成正常的 css 檔案,以供專案使用。css 預處理器為 css 增加一些程式設計的特性,無需考慮瀏覽器的相容性問題 sass sass 是採用 ruby 語言編寫的一款 css 預處理語言,它誕生於20...
css預處理器
sass less是什麼?大家為什麼要使用他們?他們是css預處理器。他是css上的一種抽象層。他們是一種特殊的語法 語言編譯成css。less是一種動態樣式語言.將css賦予了動態語言的特性,如變數,繼承,運算,函式.less 既可以在客戶端上執行 支援ie 6 webkit,firefox 也可...