Less介绍Less变量

1、Less（Leaner Style Sheets 的缩写）是一门CSS 扩展语言，也成为CSS预处理器。

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

3、常见的CSS预处理器：Sass、Less、Stylus

Less变量：

@变量名:值;

定义一个粉颜色的变量：@color: pink;

定义一个字体为14像素的变量：@font14: 14px;

直接使用即可：

【1】

body {

    background-color: @color;

}

【2】

div {

    color: @color;

    font-size: @font14;

}

【3】

a {

    font-size: @font14;

}

注意事项（变量命名规范）：

1、必须有@为前缀

2、不能包含特殊字符 @color~错误的写法

3、不能以数字开头 @1color错误的写法

4、大小写敏感  @color 和 @Color是两个不同的变量