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