Less:Less is More,Than CSS
Less 是什么
Less 类似于Css中的Jquery。
LESSCSS 是一种动态样式语言,属于CSS预处理语言的一种,使用类似于CSS的语法,为CSS的赋予了动态语言的特性,如:变量,继承,运算,函数等,更方便CSS的便编写和维护。
LESSCSS可以在多种语言,环境中使用,包括浏览器端,桌面客户端,服务端,主要推荐桌面的客户端。
编译工具
1.Koala编译
Koala,国人开发的LESS/SASS编译工具,下载地址:koala-app.com/
Koala设置中文:设置--general--language--中文--ok--重新打开
2.Node.js库
3.浏览器端的使用
新建一个独立的LESS文件需要加一个文档头:@charset"utf-8";
@charset"utf-8"
在html中引用less:
在html中不会直接引入Less,而是引入的是编译后的CSS文件
<link rel="stylesheet" type="text/css" href="xxx.css">
xxx.css 是LESS文件编译后的CSS文件路径名。
koala 输出方式:
normal:不压缩,带空格
compress:压缩,在一行内
常用normal,
编辑LESS文件,维护也是要维护LESS