1、引入rel属性的值是stylesheet/less的.less样式表：
<link rel="stylesheet/less" type="text/css" href="styles.less" />
2、下载less脚本，放在自己项目中：
<script src="js/less.js" type="text/javascript"></script>
或引用：
<script src="http://cdn.bootcss.com/less.js/1.7.0/less.min.js"></script>
3、编写styles.less
@color:#ff0000; body{color:@color;}
语法：
变量：
@color:#ff0000; body{color:@color;}
输出：
body{color:#ff0000;}
混合：
.bd{border:1px solid #000;} .a{.bd}
输出：
.a{border:1px solid #000;}
带参数混合：
.box(@height){ height:@height; line-height:@height; } .a{.box(25px);}
输出：
.a { height: 25px; line-height: 25px; }
原文：http://www.cnblogs.com/tinyphp/p/4522554.html