【前言】学习一门技术最好的教程当然是官方文档，less官网：less.bootcss.com
，LESS是一个免费开源的，从Ruby的LESS library衍生而来。LESS是一个允许web开发人员使用更加先进的语言特性的语法解析器，它是一门预处理语言，是一种动态语言。特性包括变量，操作符，嵌套规则等。其实LESS真正的作用是将使用高级特性的CSS转换成标准的CSS。此外Less可以配置编译生成最小化的CSS文件，不仅节省了资源，并且提高了用户的体验。
1.less的基本配置
以webstrom的配置为例：
- 第一步：插件市场搜索安装less插件：
2. 第二步：配置less：
2.less的使用
- 新建less样式文件，并自动编译生成css样式：
2.选择自动生成的css文件并引入到页面中：
3.编写less代码
通过编写less代码，项目中自动生成的css文件也会同步进行编译，实现效果如图所示：
4.less的优点
1.自定义变量
在less中可以自定义变量，如上自定义变量为颜色，在需要更改颜色时，只需要更改变量的值，使用该变量的颜色将全部更改，提高了开发的效率。
2.支持运算
less 语言中支持运算，我们可以给变量进行一些运算操作，例如加 +、 减 -、乘 *、除 / 四个运算符，这四个运算符可以对任何数字、颜色或变量进行运算，如上定义高度变量，样式中使用Less进行运算，自动生成css文件。
3. 嵌套规则
Less中可以将选择器进行嵌套使用，如上所示.child盒子包含在.parent的盒子中，使代码更简短，便于在开发中直观对选择器进行操作，减少了选择器误选所造成的bug。
4.编译速度
Less是使用Javascript编译而来，它可以比css和其他预处理语言更快的编译。
5.总结
【结语】通过学习使用Less之后，就被它的变量代替、函数式编程、层次性代码等特性深深的吸引，通过Less不用再去重复书写css的样式，直接使用变量即可，大幅提高了开发效率，因此Less也成为了当下最流行的预处理语言。
