Less基础

维护CSS的弊端

CSS 是一门非程序式语言，没有变量、函数、SCOPE（作用域）等概念。
1、CSS 需要书写大量看似没有逻辑的代码，CSS 冗余度是比较高的。
2、不方便维护及扩展，不利于复用。
3、CSS 没有很好的计算能力
4、非前端开发工程师来讲，往往会因为缺少 CSS 编写经验而很难写出组织良好且易于维护的 CSS 代码项目。

Less介绍

1、Less （Leaner Style Sheets 的缩写） 是一门 CSS 扩展语言，也成为CSS预处理器。
2、做为 CSS 的一种形式的扩展，它并没有减少 CSS 的功能，而是在现有的 CSS 语法上，为CSS加入程序式语言的
特性。
3、它在 CSS 的语法基础之上，引入了变量，Mixin（混入），运算以及函数等功能，大大简化了 CSS 的编写，并且
降低了 CSS 的维护成本，就像它的名称所说的那样，Less 可以让我们用更少的代码做更多的事情。
Less中文网址： http://lesscss.cn/
常见的CSS预处理器：Sass、Less、Stylus
一句话：Less 是一门 CSS 预处理语言，它扩展了CSS的动态特性。

Less使用

Less变量

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

@变量名:值;

变量命名规范

1、必须以@为前缀
2、不能包含特殊字符
3、不能以数字开头
4、Less区分大小写，color与Color是两个不同的变量

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