“less is more”，这是著名的建筑师米斯.凡德洛说过的一句话，意思是“少即是多”。
作为一门标记性语言，CSS 的语法相对简单，对使用者的要求较低，但同时也带来一些问题：CSS需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，尤其对于非前端开发工程师来讲，往往会因为缺少 CSS编写经验而很难写出组织良好且易于维护的CSS代码，造成这些困难的很大原因源于CSS 是一门非程序式语言，没有变量、函数、SCOPE（作用域）等概念。
LESS 为Web 开发者带来了福音，它在CSS 的语法基础之上，引入了变量，Mixin（混入），运算以及函数等功能，大大简化了CSS的编写，使CSS更易维护和扩展，就像它的名称所说的那样，LESS 可以让我们用更少的代码做更多的事情。下面是一个简单的例子：
清单 1. LESS 文件
@color: #4D926F;
#header {
color: @color;
}
h2 {
color: @color;
}
经过编译生成的 CSS 文件如下：
清单 2. CSS 文件
#header {
color: #4D926F;
}
h2 {
color: #4D926F;
}
从上面的例子可以看出，学习 LESS 非常容易，只要你了解 CSS 基础就可以很容易上手。
LESS 可以直接在客户端使用，也可以在服务器端使用。在实际项目开发中，我们更推荐使用第三种方式，将 LESS 文件编译生成静态 CSS 文件，并在 HTML 文档中应用。
LESS的语法和其它编程语言一样，可以自定义变量，且变量可以实现值的复用，同样它也有生命周期；支持 Mixins（混入）特性；采用了命名空间的方法来避免重名问题；多层嵌套规则的写法 与 DOM 结构相对应……
尽管我们有些人并没有学习过LESS，但我们在实际工作中已经在使用LESS，或者说由LESS生成的产品。大名鼎鼎的bootstrap，其源文件就是用less写的。我们在web设计中的响应式布局，也是采用了许多LESS。比如以下代码，你是不是发现非常眼熟？
@media screen and (max-width: 300px) {
body {
background-color:lightblue;
}}
CSS 预处理器还有SASS，与 LESS 框架相比，在功能上大同小异，都是使用类似程序式语言的方式书写CSS，都具有变量、混入、嵌套、继承等特性，方便 了CSS 的书写及维护。相比之下 LESS 更接近 CSS 语法。
原生CSS和LESS 都有各自适用的领域。在大一些的项目里，或协同工作的场合，使用LESS之类的预处理器，会比CSS更加直观，可以渲染更复杂的表现，编写时的出错概率显然会更低。
（本文部分内容来自w3cscholl）
本网站每日更新互联网创业教程，一年会员只需98，全站资源免费下载点击查看会员权益
