首页技术文章正文

怎样安装Less?Less变量命名规范

更新时间:2021-08-27 来源:黑马程序员 浏览量:

IT培训班

Less是CSS的扩充性语言,它的安装也十分简单,这里分为4步:

① 安装nodejs,可选择版本(8.0),网址:http://nodejs.cn/download/ 

② 检查是否安装成功,使用cmd命令(win10 是 window +r 打开 运行输入cmd) --- 输入“ node –v ”查看版本即可

③ 基于nodejs在线安装Less,使用cmd命令“ npm install -g less ”即可

④ 检查是否安装成功,使用cmd命令“ lessc -v ”查看版本即可

less


注意:如果使用vscode无需安装less

变量是指没有固定的值,可以改变的。因为我们CSS中的一些颜色和数值等经常使用。
(1)必须有@为前缀
(2)不能包含特殊字符
(3)不能以数字开头
(4)大小写敏感

@color: pink;

变量是指没有固定的值,可以改变的。因为我们CSS中的一些颜色和数值等经常使用。

@变量名:值;

变量使用规范

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





猜你喜欢:

什么是less?如何通过Less变量来实现CSS样式?

web前端入门之图片标签的使用【卡其漫画5】

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

黑马程序员web前端与移动开发课程

分享到:
在线咨询 我要报名
和我们在线交谈!