less是一種動態樣式語言，屬於css預處理器的範疇，它擴充套件了 css 語言，
增加了變數、mixin(混合)、函式等特性，使 css 更易維護和擴充套件
less 既可以在 客戶端 上執行 （引入less指令碼檔案），也可以借助node.js在服務端執行。
less的中文官網：
bootstrap中less教程：
以//開頭的注釋，不會被編譯到css檔案中
以/**/包裹的注釋會被編譯到css檔案中
使用@來申明乙個變數：@name：value; //@變數名：值
1.作為普通屬性值只來使用：直接使用變數名 @name
2.作為選擇器和屬性名時要使用 @ 的形式
3.作為url：例如： @p : 323911.jpg;
使用時 background-image: url("@");
4.變數的延遲載入：即對所有變數的宣告都會提到最前，變數提公升
1.基本巢狀規則：子元素寫到父元素中
2.&的使用：去掉編譯後父子中間的空格，即讓子元素成為父元素的同級
例如：.father
}編譯後為：.father{}
.father:hover{}
例：定義乙個混合內容 .mixin
1.普通混合 ：混合的內容會新增到編譯後的css檔案中
2.不帶輸出的混合 ：在混合名稱後新增乙個空括號，
混合內容將不會新增到編譯後的css檔案中
.mixin()
3.帶引數的混合 :定義混合時設定形參，在呼叫時即可傳入對應的引數
定義乙個混合 .mixin(@a)
4.帶引數並且有預設值的混合 ：在引數後面新增 ：value 及為引數的預設值
定義乙個混合 .mixin(@a：20px)
5.帶多個引數的混合 :多個引數之間用逗號隔開
6.命名引數 ：當混合中有多個引數時，只想給其中乙個引數傳入值，
那麼呼叫時可以知名是哪個引數 指明形式為 [引數名：值]
7.匹配模式 :定義混合時，可在前面加乙個識別符號來區分不同的混合，
呼叫時也要用此識別符號來指明
8.arguments變數 ：縮寫方法，例如定義乙個混合時：
.mixin(@size,@solid,@color)
在less中可以進行加減乘除的運算~"不被編譯的內容"，預處理器將不會編譯此內容效能比混合高
靈活度比混合低
例如：.mixin()
那麼使用繼承時：
.div:extend(.mixin)
編譯後的形式為：.mixin , .div
.div
css預處理器 less
less是一種動態樣式語言，屬於css預處理語言的一種，它使用類似css的語法，為css的賦予了動態語言的特性，如變數 繼承 運算 函式等，更方便css的編寫和維護。我們編寫的less檔案最終會編譯成css檔案 我們編寫的less檔案最終會被編譯成css檔案去執行，那麼在less中注釋分兩種，一種是...
css預處理器 less
官網 中文網 定義變數以 開頭 width 10px height width 10px 定義的變數 height 為20px top 就像定義了乙個方法，然後可以在多個地方呼叫一樣。bordered top header logo 加減乘除 單位一最左側運算元的單位為準。如果單位換算無效或失去意義...
使用CSS預處理器Less
前天寫了一篇文章，關於如何使用harp來加快人的開發效率，在mac系統和linux系統上測試是沒有問題的，但沒有在windows上測試，使用windows的剛入門的前端工程師，安裝harp失敗後，不知道怎麼解決問題。不管學習什麼，解決問題的能力是最重要的，學會自己動手。css有以下特點 然而css的...