给CSS加点料——Less（一）

它是Leaner Style Sheets的缩写，是一门向后兼容的CSS扩展语言，我们今天就来看看他是个什么鬼！兔妞将从定义、安装、语言特性、函数、用法五个方面为大家进行分享哟～

♚

Less是什么

LESS是一个CSS预处理器，可以为网站启用可自定义，可管理和可重用的样式表。LESS是一种动态样式表语言，扩展了CSS的功能。LESS也是跨浏览器友好。CSS预处理器是一种脚本语言，可扩展CSS并将其编译为常规CSS语法，以便可以通过Web浏览器读取。 它提供诸如变量，函数， mixins 和操作等功能，可以构建动态CSS。（不瞒大家说，这段是从官网抄的）

简单来说呢，就是它把CSS进行了扩展，然后呢CSS也可以写函数了，也可以定义变量了，能够更好的被管理了，重点是最后还能够编译回CSS。不知道这么说是不是完全准确，个人理解，大佬别打我。

♚

安装

知道less是个啥东西了，我们就来谈谈安装吧～

1）因为我们需要在nodejs的环境中运行less，所以我们首先要安装nodejs，去nodejs官网下载nodejs，然后运行装程序安装nodejs。当在命令行输入node -v的时候出来版本号则是安装成功。

2）现在我们就可以通过npm安装less啦：

npm install -g less

即安装成功，还是推荐cnpm哦，想不起来是什么的同学，翻看以前的记录哦！

现在我们就可以愉快的使用less咯。

3）编写less文件

4）编译less文件：将style.less转译为style.css文件

lessc style.less style.css

5）通过下面的代码即可引用。

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