2.less变量使用：变量+混合+嵌套+循环
webstorm配置less：通过命令npm install -g less先安装less
html内容如下：
less内容如下：
使用sublime编辑器，如果你想使用less，那么我们就需要安装插件啦！
插件一：less
插件二：less2css。
第一个插件less可以使less文件代码高亮，很是友好哦。
第二个插件less2css可以在你保存less文件的同时在相同目录下生成同名的css文件。
安装步骤来啦！
ctrl +shift +p 或 preferences->package control
在文本框中输入install后再输入less按回车 ， 此时注意sublime左下角的信息安装提示，一般都会成功的。成功之后只需要重启sublime就可以看到less文件的代码高亮显示啦！
同样的步骤安装less2css。但是less2css安装完成后还不可以，less2css插件依赖lessc这个工具，https://github.com/fengdi/lessc下载这个压缩包，然后解压后放到Sublime
Text\Data\Packages\lessc文件夹里，重启sublime，编辑less文件之后保存，css文件一并就生成啦！
整个安装过程中，刚开始下载了less.js-windows文件，还要设置环境变量，但sublime下一保存less文件就会出现错误，解决了一个问题还是会出现其他的错误，最终放弃了。希望大家可以不走弯路，快乐的使用sublime吧！
接着，如果你在保存less文件中，如果出现了以下问题：
"Preferences"
->"Package Settings" ->"Less2Css" ->"Settings - user"
添加如下代码：
{
"minify": false,
}
就可以啦。
如果加载less文件，可以在head标签内部添加这些。这种方式下，测试火狐可以正常显示less设置的样式。谷歌是不可以。
所以咱们还是用上边的less2css转化为css后，老老实实加载css吧。
