首頁技術(shù)文章正文

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

更新時(shí)間:2021-08-27 來源:黑馬程序員 瀏覽量:

IT培訓(xùn)班

Less是CSS的擴(kuò)充性語言,它的安裝也十分簡單,這里分為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 ”查看版本即可

less


注意:如果使用vscode無需安裝less

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

@color: pink;

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

@變量名:值;

變量使用規(guī)范

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





猜你喜歡:

什么是less?如何通過Less變量來實(shí)現(xiàn)CSS樣式?

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

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

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

分享到:
在線咨詢 我要報(bào)名
和我們在線交談!