标签:
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