CSS中常用預處理器有兩種：Less和Sass。
今天接觸的是Less預處理器，簡單的瞭解了一下。
emmmmm，其實吧，今天主要是看了看Less的語法什麼的，Less的語法跟CSS語法很像，及其的相似。Less是預處理，就是在瀏覽器解析代碼之前，Less先執行，CSS是瀏覽器解析的。Less通過解析，生成CSS文件，應用在頁面中。Less比CSS強大，有很多CSS沒有的東西，比較靈活一點。
Less中的註釋
使用：// 這裏的註釋是不會出現到CSS中 一般是開發者自己看
使用：/**/ 這裏的註釋可以出現到CSS中 給測試人員或者用戶看
Less中的變量
變量的申明：@變量名
變量申明之後，再Less文件中可以使用變量
變量的存在，讓Less代碼就靈活了很多，可以很動態的使用，調用
Less中的變量：變量是延遲加載（模塊加載完之後，再加載變量）、變量是塊級作用域
Less中的嵌套
在Less中寫代碼，很像是在HTML中寫代碼，Less中的結構和html的結構很像，因爲它可以嵌套。
嵌套分爲兩個等級：基本嵌套、&的使用
基本嵌套：父子關係（就正常的嵌套結構）
&的使用：平級（同級、也可以理解爲兄弟關係）
Less中的混合
混合的概念：就是將一系列屬性從一個規則集引入到另一個規則集的方式
Less中的混合本質上就是複製粘貼相同的代碼。
Less中的混合：使用 . 命名
混合本質：複製、粘貼
普通混合：.name 解析後這部分代碼會解析出現到CSS文件中
不帶參數的混合：.name() 解析後這部分代碼不會出現到CSS文件中
帶參數的混合：.name(@attr1,@attr2......) @attr1,@attr2是形參，使用時直接傳屬性對應的屬性值即可
帶默認值的混合：.name(@attr1：val1,@attr2：val2......) 形參@attr1,@attr2的默認值爲val1、val2，
當屬性使用這個混合時，如果沒有給該形參傳值，就會使用默認值
命名參數：
匹配模式：.name（N,@num1,@num2.......） N代表標識符 ，@num1,@num2是變量 。
通過標識符自動匹配到合適的混合
當使用混合調用同名的混合時：會默認把（@_，@num1，@num2......）也使用掉
用“@import “文件名” ；”應用其他Less文件
Less中的計算
Less中計算就是可以實現計算的功能：加減乘除
比如可以——width：（10 + 10px）
其中，雙方只需給其中一方帶單位即可
Less中的繼承
繼承比混合性能高，但是靈活度比混合低
繼承沒有（），混合有。
舉例：
.inner:extend(.juzhong)：Less解析出來的CSS—> .juzhong，.inner
簡單明瞭
Less繼承本質：，（先解析繼承、添加繼承，再用“，”把自身加上）
Less中的避免編譯
避免編譯的意思就是說，原本瀏覽器可以做的事情，不讓Less做，減少負擔嘛。
就像計算，CSS中也可以進行計算，就不需要Less來做這些多餘的功能了，這就是避免編譯嘛。
怎麼避免編譯呢：在屬性上加 ~“ ”； 即可。
@W：~“width：（10 + 10px）”；
這樣只有文字不怎麼好理解，明天我會把這些用相應的代碼實現一下。這會主要是整理整理大概的內容，還有一點點木有回憶起來，筆記也沒記全呢，明天再補充補充吧！！！
加油啦！！
衝鴨衝鴨衝鴨。。
