初见less

1.什么是less?
Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node 或浏览器端。
2.less安装
安装命令:npm install -g less
3.检测安装成功与否:
lessc -v
如果显示如下信息就说明安装成功
初见less
4.less写法如下:
新建以less为后缀名的css文件
初见less
5.less中的注释
/**/ 中的注释在编译的是会被编译出来的,会在编译生成的CSS中会出现
// 是不会被编译的,编译时自动过滤,在编译生成的CSS中没有
6.如何使用less
less文件只有在编译后才能够被浏览器识别使用
7.less编译工具
Koala,国人开发的全平台less编译工具
winless,windows下的less编译软件
codekit,MAC平台下的less编译软件
8.将文件夹拖拽到koala中,点击执行编译后style.less目录就会自动生成style.css初见less
将自动编译前面打上勾,就会自动编译
初见less
输出方式选择normal:
初见less
9.在编写css的时候应该养成一种良好的习惯,在css文件页面最上方加上
@charset"UTF-8"
10.客户端调试方式:
首先引用less文件:注意引用时使用link引入,然后rel属性设置为rel=“stylesheet/less”
然后引用less.js:注意:引入普通js引入方式一致,但是一定要放置在less样式文件之后!