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

后端编译less文件_css

这时,会在用户目录中出现lessc命令,如下图

后端编译less文件_javascript_02

 3)编译less文件成css文件

lessc test.less > test.css