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请求，获取目标文件。