day12-less
less
less是一門預處理語言；
儲存後就會自動生成css檔案；
原生css可支援less但相容性不高，這裡不做過多解釋；
less是一個CSS的增強版，通過less可以編寫更少的程式碼實現更強大的樣式；
在less中新增了許多新特性，像對變數的支援，對mixin的支援；
在less的語法上和CSS語法一致，但是less中增添了許多對CSS的擴充套件，所以瀏覽器無法直接執行less程式碼，要執行就必須將less轉換為CSS，然後在有瀏覽器執行；
這裡使用VScode中的 Easy LESS 外掛
直接點安裝就行了，這裡已經安裝過了，所以右下角的綠色安裝按鈕不顯示。
註釋
// less中的單行註釋，此類註釋不會被解析到CSS中；
/*
CSS中的註釋，內容會被解析到CSS檔案中
*/
less 的變數
在變數中可以儲存一個任意的值；
在需要時可以任意的修改變數中的值；
語法：
@{變數名}:變數值;
使用：
1、直接使用：
@變數名
2、作為類名使用：
@{變數名}
3、就近原則：
變數發生重名時會優先使用比較近的變數；
4、可以在變數宣告前就使用變數（不建議使用）；
5、$屬性名;
可以直接引用屬性名的值；
6、選擇器:extend(選擇器）；
:extend對當前選擇親擴充套件指定選擇器的樣式（選擇器分組）
7、選擇器B{選擇器A();}
直接對指定的樣式進行引用，這裡就相當於將選擇器A的樣式進行了複製；（效能差了一點，不怎麼使用）；
8、minxin 混合選擇器；
使用類選擇器時可以在選擇器後面新增一個括號，實際上就建立了一個mixins；
選擇器(){}
不解析在CSS檔案中，專門用來給別人用，自己不用；
選擇器B{選擇器A();}
選擇器A()被解析，其中()可以不寫；
混合函式
在混合函式中可以直接設定變數；
傳參方式：
1、直接傳參（有多個形參時必須按順序傳參，有多少變數就必須傳對應的值）；
2、可以在函式內直接給變數設定一個預設值；
傳參時可以 變數:值 （這種方式可以不按順序傳參，也可以不必每個值都傳參，當某個變數未傳參時將使用預設值）；
無預設變數時
有預設變數時
補充
1、在less中所有的數值都可以進行運算；
2、@import " "; import用來將其他的less引用到當前less中；
