Less基础 介绍 级使用 图片及代码

维护css 的弊端

css是一门非程序式语言 没有变量 函数 scope（作用域）等概念

1. css需要书写大量看似没有逻辑 的代码 css 冗余度是比较高的
2. 不方便维护及扩展 不利于复用
3. css 没有很好的计算能力

less介绍 less是一门css预处理语言 扩展了css的动态特性

less 是一门css扩展语言 也称为css预处理器
做为css的一种形式的扩展 less并没有减少css的功能 而是在现有的css语法上 为css加入程序式语言的特性
less 在css的语法基础上 引入了变量mixin（混入） 运算级函数 等功能 大大简化了css的缩写 并且降低了css的维护成本
less 可以让我们使用更少的代码 做更多的事情

less 中文网： http://lesscss.cn/

常见css预处理器
less 、sass、 stylus

less使用

我们需要先建一个后缀名为less的文件 在这个less文件里书写less语句

• less 变量
• less 编译
• less 嵌套
• less 运算

变量

编译 sase 和插入