less是什么
less是一种动态的样式语言。拓展了css的动态行为，比如变量、混合书写模式、操作和功能等，兼容先有css语法。例如：
/*======== 定义变量===========*/
@color: #4d926f;
/*======== 应用到元素中 ========*/
#header {
color: @color;
}
h2 {
color: @color;
}
less基础语法
less语法大概分为变量、混入、嵌套、功能和操作四个部分，掌握了他们就OK了。具体请参考：less语法
webstorm 配置less
开发环境，由浏览器去解析less。
1.下载less
2.把less.js在页面引入,类似<script src="../less.js">之类
3.把.less样式文件引入到页面，类似<link rel="stylesheet/less" href="../~.less">。注意rel="stylesheet/less"
参考地址：http://less.bootcss.com/
生产环境，预解析less生成css。
这部分需要安装nodejs，然后通过npm安装less解析器，可参考下面地址，配置webstrom集成less。
参考地址：http://www.cnblogs.com/fxair/p/3708099.html
网友评论