初见less

1.什么是less？

Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node 或浏览器端。

2.less安装

安装命令：npm install -g less

3.检测安装成功与否：

lessc -v
如果显示如下信息就说明安装成功

4.less写法如下：

新建以less为后缀名的css文件

5.less中的注释

/**/ 中的注释在编译的是会被编译出来的，会在编译生成的CSS中会出现
// 是不会被编译的，编译时自动过滤，在编译生成的CSS中没有

6.如何使用less

less文件只有在编译后才能够被浏览器识别使用

7.less编译工具

Koala,国人开发的全平台less编译工具
winless,windows下的less编译软件
codekit，MAC平台下的less编译软件

8.将文件夹拖拽到koala中，点击执行编译后style.less目录就会自动生成style.css

将自动编译前面打上勾，就会自动编译

输出方式选择normal：

9.在编写css的时候应该养成一种良好的习惯，在css文件页面最上方加上

@charset"UTF-8"

10.客户端调试方式：

首先引用less文件：注意引用时使用link引入，然后rel属性设置为rel=“stylesheet/less”
然后引用less.js:注意：引入普通js引入方式一致，但是一定要放置在less样式文件之后！