怎樣安裝Less？Less變量命名規(guī)范

Less是CSS的擴(kuò)充性語(yǔ)言，它的安裝也十分簡(jiǎn)單，這里分為4步:

① 安裝nodejs，可選擇版本(8.0)，網(wǎng)址：http://nodejs.cn/download/ 

② 檢查是否安裝成功，使用cmd命令（win10 是 window +r 打開 運(yùn)行輸入cmd） --- 輸入“ node –v ”查看版本即可

③ 基于nodejs在線安裝Less，使用cmd命令“ npm install -g less ”即可

④ 檢查是否安裝成功，使用cmd命令“ lessc -v ”查看版本即可

注意:如果使用vscode無(wú)需安裝less

變量是指沒(méi)有固定的值，可以改變的。因?yàn)槲覀僀SS中的一些顏色和數(shù)值等經(jīng)常使用。
（1）必須有@為前綴
（2）不能包含特殊字符
（3）不能以數(shù)字開頭
（4）大小寫敏感

@color: pink;

變量是指沒(méi)有固定的值，可以改變的。因?yàn)槲覀僀SS中的一些顏色和數(shù)值等經(jīng)常使用。

@變量名:值;

變量使用規(guī)范

//直接使用
body{
 color:@color;
}
a:hover{
 color:@color;
}

什么是less？如何通過(guò)Less變量來(lái)實(shí)現(xiàn)CSS樣式？

web前端入門之圖片標(biāo)簽的使用【卡其漫畫5】

常用css樣式大全[2020最新整理版]

黑馬程序員web前端與移動(dòng)開發(fā)課程