三種方式引用less
瀏覽器引用 less.js
link type=」text/lesss
node中使用
工程中使用
變數 @key:value
在js中，條件語句中 可以使用 if,else,switch定義，less中語句中跟switch中case比較像。less 沒有像js中這樣的關鍵字，但是也提供了類似的方法，使用 when 以及 and not 關鍵字
比較運算符號，less都支援
> 表示大於
> 表示小於
>=表示大於等於
<- 表示小於等於
= 表示等於
同時js中的邏輯運算符號，比喻與或關係，需要使用and 以及 not關鍵字。
.size(@w,@h)
//when
with great than 200px background id green
.size(@w,@h) when (@w>200)
//when width great than 200
and less than 500 background id orange
.size(@w,@h) when (@w>200) and (@w
<500)
//when width not less or equal 400 background pink
.size(@w,@h) when
not (@w
<=400)
div
.section-1
.section-2
.section-3
less中內建了一些方法，讓我們運算元據更加方便。運算：在less中支援運算的，但是css中大多刷都是帶單位的，less在計算中支援帶單位的計算，並且在單位不統一的時候，會對單位進行換算。但是有一定的規則：
鑑於此，乘除法盡量只出現乙個單位，避免混淆。
less與js類似的一點，也支援取整，對於數字取整來說，統共有一下方法：
ceil 向上取整
floor 向下取整
round 四捨五入
同時less還允許帶單位。
percentage 方法，將陣列轉換為百分比。（不常用）
max，min等方法也是支援的。並且允許帶單位，同時結果單位以選中的結果單位為準，
## 色彩方法
rgba(red,green,blue，alpha)
hsl(hue，saturation,lightness)
rgba 模式的顏色有四哥通道，紅色綠色藍色以及alpha構成。因此less提供了一下方法用於獲取四個通道的數值。
hsl模式提供了相對應獲取色相飽和度亮度的通道。
hue 獲得色相
saturation 獲得飽和度通道
ligntness 獲得亮度通道
// less
@primary-color: #d9d9d9;
.dd
// css
.dd
// less
@color: #aaaaaa;
.dd
}//css
.dd
.dd.dddiv
less 提供了混合色彩的方法，將兩個顏色進行混合
mix（color1，color2，weight）
// less
@color1: #112233;
@color2: #332211;
.dd
}// css
.dd
.dd.ddli
ddd
//會被編譯為
ddd
ddd
//會被編譯為
ddd
Less10分鐘入門
在學習less時發現網上雖然關於less的教程非常多，但是質量參差不齊看的人眼花繚亂，半天也不知所云，搞得整個人都不好了，浪費時間不說，還打擊了我們探索新知識的信心，對於這種不負責任亂寫教程誤人子弟的人，本人表示深深的鄙視，現在我就介紹一種最簡單高效學習less的方法，10分鐘即可掌握less核心用...
十分鐘學會less
譯者 wleonardo 我們都知道在大型的專案中，當css有數千行 的時候，css的編寫有一些麻煩。我們經常會出現複製相同的 到不同的地方或者通過我們的編輯器來替換所有相同的顏色。這需要我們費很大的力氣去保持css的可維護性。但是其實我們並不是一定要這樣。幸運的是，web開發社群已經解決了這個問題...
十分鐘入門less
1 變數 使用 可以定義less變數 bule eee 宣告變數 login container 2 混合 混合就是先定義乙個乙個樣式，然後在另外乙個樣式中使用 1 不帶引數 border login container 2 帶引數的混合 帶預設引數的混合 border border width 1...