less语言：
1官网:http://lesscss.org 中文:http://lesscss.cn；less是一门CSS预处理语言，它扩
展CSS语言，增加变量函数等特性，使得CSS更加易于维护；
2 less的两种用法：
1）客户端：编写x.less文件->在html和x.less文件中在同时引入一个less编译程
序less.js->缺点是会减慢客户端呈现的速度；
2）服务器端：编写x.less文件->电脑上安装less编译环境执行x.less编译为x.css；
注意less的编译环境：
（1）即在koala-app.com下载koala软件，通过软件直接将x.less编译为x.css；
（2）在node.js中文网下载node.js编译环境，在程序=》运行中输入npm查看安装的node版本和安装的位置，在输入输入npm install -g less 标签全局安装，全局都可以使用。less@latest表示安装最新稳定版本，然后直接进入到要修改x.less的位置路径，如：d:\class\css\style.less>style.css 就可将style.less编译成style.css;最后在html用引用style.css即可。
（3）在安装node后编辑器如webstorm中设置；settings->tools->file watchers 添加“+”program找到C:\Users\web-01\AppData\Roaming\npm\lessc.cmd确定即可。
3 less语法学习：
1）支持所有css语法；
2）less支持多行/单行注释；/**/，//，<!---->
3）less支持变量：定义：@变量名：值； 如：@w:12/12px;
使用：属性：@变量名； width:@w*1px/@w;
注意：变量是有作用域的，即一个{}/全局为一个作用域；
4）less支持变量与常量的运算：+，-，*，/，%.......；
5）less选择器混入（以及可以混入参数（可带默认值））;即下一个样式中包含一个已经定义的样式，如.classa{.classb} ; 如将页面中相同的属性值，定义在一个class中，在其他选择器中调用这个class即可；
如：.classa(@w:1px,@c){border:@w solid @c} div{.classa(1px,red)} //默认@w：1px;
6）less支持样式的多级嵌套：body{
属性：值;
#header{
属性：值;
#headerTitel{属性：值}
a{属性：值; &:hover/类名{}} //a:hover{}与a{}，&相当于父元素
}
#footer{
属性：值;
#footerTitel{属性：值}
}
}
7）函数：ceil();image-width();image-height();
8）可以包含多个文件：@import 文件夹名；