在寫css的時候，可以直接寫乙個.css檔案，但是實際開發中也會使用less的方法寫css。
less的寫法比css的寫法功能更加強大。
less 是一門 css 預處理語言，它擴充套件了 css 的寫法，增加了變數、函式等特性。
注意點：
以下是vscode安裝步驟:
實際開發中需要對外掛程式進行配置
**如下:
"less.compile"
:
配置完成後,只需要同建立css資料夾一樣,建立less資料夾,在less資料夾內部建立less檔案,當儲存less檔案的同時,會自動生成對應css資料夾和css檔案注意點：
在less檔案中可以寫兩種注釋
一般在less檔案中，推薦使用less的注釋方法less的變數
一般在**中會有主題色（當前網頁中用的較多的顏色），如果此時需要改換網頁的主題色，乙個個去改非常麻煩，此時可以使用less中的變數完成效果語法:
例子:
@maincolor
:#e92322;
.box1
.box2
.box3
在less中，選擇器的關係可以通過巢狀來表示
/* less中的巢狀：less中選擇器可以巢狀 */
/* 1、後代選擇器，選擇器巢狀即可 */
/* 2、子代選擇器，前面使用》 */
/* 3、交集選擇器，前面使用&（&表示這一級選擇器） */
/* 4、並集選擇器，前面直接寫, */
/* 5、偽元素，前面使用&（&表示這一級選擇器） */
.father
/* 交集選擇器 */
&.active
/* 後代的關係，直接巢狀即可 */
.son
}/* 並集選擇器 */
.box1,
.box2
}
在less**中可以直接寫加減乘除進行計算
.box
}
針對於css中重複的樣式，除了可以使用定義公共類的方式，還可以使用less中的函式來處理（函式在之後的js會詳細說到，先簡單了解下）
/* 以下**重複過多,可以用less精簡 */
.red
.blue
.green
/* 在less中也一種處理重複樣式的方法：函式。直接在選擇器裡面使用 */
/* 函式的寫法和定義公共類很像，後面需要加上括號 */
/* 定義函式 */
.common()
.red
.blue
.green
比如讓紅盒子100*100， 藍盒子200*200，綠盒子300*300
.common
(@value)
.red
.blue
.green
使用less函式實現不同背景的CSS樣式
今天在公司遇到乙個比較特殊的需求，需要完成這樣的布局，如下圖 每乙個塊的背景需要不同，而其他都是相同的，這時候就應該把背景提出來單獨寫成乙個css樣式類。那麼問題來了，有四個不同的背景需要寫4個基本重複的css樣式類，要是有更多的背景呢？如何避免這種重複的操作？幸運的是，公司的底座使用less來編輯...
css簡單樣式
p style color yellow 一段文字 p 選擇器 內部樣式 外聯樣式 建立.css檔案層疊優先順序 內聯 內部 外部 style 元素選擇器 p 類選擇器 first id 選擇器 sec style id 選擇器命名是唯一的奇偶選擇器odd even.first nth child ...
PHP內寫css樣式
1 php的兩種輸出方式 1，echo 2，print 栗子 echo 你好，我的名字是lhh print 你好，我的名字是lhh 2 echo三種輸出方式的區別 1.整數型的值可以直接輸出。像數字這類都可不加引號直接輸出。2.輸出變數也可不加引號。直接 寫 echo lhh 輸出字元，就一定要加引...