移动Web开发——rem适配布局（四）

rem适配布局（四）

1.less基础

（1）维护 css 的弊端

CSS 是一门非程序式语言，没有变量、函数、SCOPE（作用域）等概念

● CSS冗余度是比较高的

● 不方便维护及发展，不利于复用

● CSS没有很好地计算能力

（2）less介绍

Less ( Leaner Stylr Sheetes) 是一门CSS扩展语言，也称为CSS预处理器

做为 CSS 的一种形式的扩展，它并没有减少 CSS 的功能，而是在现有的CSS语法上，为CSS加入程序式语言的特性。

它在 CSS 的语法基础之上，引入了变量， Mixin （混入），运算以及函数等功能，大大简化了 CSS 的缩写，并且降低了 CSS 的维护成本。

常见的CSS 预处理器：Sass、Less、Stylus

Less 中文网址: http://lesscss.cn.

（3）Less安装

① 安装 node.js 网址：http://nodejs.cn/download/

选择下载后打开，一直点击next安装完毕。

② 检查是否安装成功，使用cmd命令 输入"node -v" 查看版本即可

③ 基于nodejs安装Less，使用cmd命令"npm install -g less"即可

④ 检查是否安装成功，使用cmd命令"lessc-v"查看版本即可

这样我们的环境已经配好，less已经安装好接下来就能使用了。