Less入门教程

一、 什么是Less

Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。
Less 可以运行在 Node 或浏览器端。

---

二、 使用方法

2.1 ------> Node环境的使用方法

安装

在服务器上安装Less的最简单方法是通过node.js软件包管理器npm进行，如下所示：

$ npm install -g less

命令行用法

安装后，您可以从命令行调用编译器，如下所示：

$ lessc styles.less

这会将编译后的CSS输出到stdout。要将CSS结果保存到您选择的文件中，请使用：
将styles.less编译为styles.css

$ lessc styles.less styles.css

要输出缩小的内容，可以使用CSS clean-css插件。安装插件后，将使用–clean-css选项指定缩小的CSS输出：

$ lessc --clean-css styles.less styles.min.css

要查看所有lessc不带参数的命令行选项，请参阅用法。

2.2 ------> 浏览器端环境的使用方法

客户端是最简单的入门方式，并且可以用Less进行开发，但是在生产中，当性能和可靠性很重要时，我们建议您使用node.js或许多可用的第三方工具之一进行预编译。

首先，将.less样式表的rel属性设置为“ stylesheet/less”：

<link rel="stylesheet/less" type="text/css" href="styles.less" />

接下来，下载less.js，并将其包含在页面元素中的标记中：

<script src="less.js" type="text/javascript"></script>

引用cdn的less.js ：

<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.5.3/less.min.js"></script>

---

三、 Less语法

详细的Less语法请前往W3Cschool，个人觉得这里写得比较详细，简单易懂，很不错的一个网站。