less安装与使用

定义:Less 是一门 CSS 预处理语言,Less 可以运行在 Node 或浏览器端。

优点:

1、可以运行在Node或浏览器端,

2、增加了变量、Mixin、函数等特性

3、使css更加维护和扩展。

4、结构清晰,便于扩展

5、可以方便地屏蔽浏览器私有语法差异

6、可以轻松实现多重继承

7、完全兼容 CSS 代码,可以方便地应用到老项目中

安装过程

1、NodeJ运行LESS示例要下载NodeJ并安装。请打开链接 https://nodejs.org/en/ 

2、在集成终端 npm install -g less;

3、运行lessc  style.less  style.css  报错,则需要以管理员身份运行上面的代码  set-executionpolicy  remotesigned  即可解决

4、转换:lessc  style.less  style.css

<!doctype html>
<head>
	<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
	<h1>Welcome to W3Cschool</h1>
	<h3>Hello!!!!!</h3>
</body>
</html>

  

@primarycolor: #FF7F50;
@color:#800080;
h1{
color: @primarycolor;
}
h3{
color: @color;
}

  

 

 

 posted on 2020-08-22 21:12  wen22  阅读(2067)  评论(0编辑  收藏  举报