less(leaner style sheets的縮寫) 是一門css擴充套件語言，也成為css預處理器。它擴充套件了css的動態特性。
```1.安裝node
node -v
2.sudo npm install -g less
lessc -v
```變數是指沒有固定的值，可以改變的，因為css中的一些顏色和樹枝等經常使用。
```@變數名：值；
//定義乙個粉色的變數
@color：pink；
//定義乙個字型為14px的變數
@font14:14px;
body
div```本質上，less包含一套自定義的語法及乙個解析器，使用者根據這些語法定義自己的樣式規則，這些規則最終會通過解析器，編譯生成對應的css檔案。
so,需要把less檔案，編譯生成css檔案，html頁面才能使用。
```vscode 外掛程式 easy less
``````
1.子元素的樣式直接寫到父元素裡面就好了
#header
}2.偽類，交集，偽元素選擇器(前面加 &）a}
```任何數字，顏色或者變數都可以參與運算，就是less提供了+ - * / 算數運算
```@border:5px + 5;
div```
02 移動端適配
rem適配 rem單位 根標籤的font size所代表的值 步驟 1.建立style節點 2.獲取視覺視口寬度 16 避免 出現小數丟失精度 當width device width時，用布局視口寬度代替，無相容性問題 3.style節點中設定html的font size，並且宣告 importan...
python基礎語法02
if 條件 執行 if 條件 執行 1 條件為真時，做的事情 else 執行 2 條件為假時，做的事情 if 條件1 執行 elif 條件2 執行 elif 條件3 執行 else 條件n 執行 if 條件 if 條件 執行 else 執行 else 執行 完成 外賣結算 程式 要求 滿30減10塊...
Vue基礎語法02
vue基礎語法02 屬性繫結 v bind 可簡寫為 v bind 指令被用來響應地更新 html 屬性 v bind href 可以縮寫為 href v bind 和 v on的區別 v bind 繫結屬性 v on 繫結事件 繫結類名v bind class 通過v bind class 鍵 代...