less介绍和使用

---

一、less基础

1.维护css的弊端

css是一门非程序时语言，没有变量、函数、scope（作用域）等概念

• css需要书写大量看似没有逻辑的代码，css冗余度是比较高的
• 不方便维护即扩展，不利于复用
• css没有很好的计算能力
• 非前端开发工程师来讲，往往会因为缺少css编写经验而很难写出组织良好且易于维护的css代码项目。

2.less介绍

less（leaner style sheets的缩写）是一门css扩展语言，也称为css预处理器。

做为css的一种形式的扩展，它并没有减少css的功能，而是在现有的css语法上，为css加入程序式语言的特性。

它在css的语法基础之上，引入了变量。mixin（混入），运算以及函数等功能，大大简化了css的编写，并且降低了css的维护成本，就像它的名称所说的那样，less可以让我们用更少的代码做更多的事情。

less中文网址：http://lesscss.cn/

常见的css预处理器：sass、less、stylus

一句话：less是一门css预处理语言，它扩展了css的动态特性

3.less安装

1. 安装nodejs，可选择版本（8.0）