Less 是一个非常优秀的css增强方言。如果你熟悉Bootstrap,你会发现这个项目大量使用Less, 并且可以通过修改less文件,以此定制自己的boostrap。
那么如何使用less呢?有两种方式:前端、后端
1、在html页面中嵌入less.js,动态渲染css
<link rel="stylesheet/less" href="less/base.less" type="text/css" media="screen" title="no title" charset="utf-8">
<script src="js/less.js" type="text/javascript" charset="utf-8"></script>
注:.less一定要在less.js之前
2、后端编译less:
1)安装nodejs环境;
2)下载less:
在命令行上执行下面语句:npm install -g less
这时,会在用户目录中出现lessc命令,如下图
3)编译less文件成css文件
lessc test.less > test.css