less

LESS语言的语法：
(1)LESS文件支持所有的CSS原生语法
(2)LESS支持多行注释(会被转换到CSS文件)、单行注释(不会出现在CSS文件中)
(3)LESS中可以声明变量(Variable)，语法：
@变量名: 值(颜色/数字/尺寸/字符串);
(4)LESS中可以声明混入/混合(Mixin)，语法：
.style1 { .... }
.style2 {
.style1;
}
(5)带参数混入，语法：
.style1( ) { ... }
.style1(@var1 ) { .... }
.style1(@var1, @var2:默认值) { ... }
(6)参数的引导，语法：
.style1(@var) when (@var<=值) { ... }
(7)LESS可以对各种类型的值(颜色/数字/百分比)执行算数元素
color: #888 - #129;
(8)LESS支持嵌套
.style1 {
.style2 {
&:hover{ }
}
}
.style1{ }
.style1 .style2 { }
.style1 .style2:hover { }
(9)LESS内置了若干个可以直接调用的行数
image-width('../img/2.jpg');
image-height('...')
lighten(color, num) 把指定的颜色变亮指定的数值
darken(color, num) 把指定的颜色变暗指定的数值
(10)文件导入
@import "xx.less";
提示：less文件中的@import属于“服务器端导入”——在服务器端就要导入的文件合并在当前文件中；CSS文件中的@import属于“客户端导入”——要求客户端发HTTP请求，获取目标文件。