更新時(shí)間:2021-08-27 來源:黑馬程序員 瀏覽量:
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 ”查看版本即可
注意:如果使用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; }