Less教程

LESS是什么?

LESS是一个CSS预处理器，能够定制，可管理和可重复使用网站的样式表。 LESS是一个动态的样式表语言，扩展CSS的性能。 LESS也是友好的跨浏览器。

CSS预处理器是一种脚本语言，它扩展了CSS并编译成普通的CSS语法，以便它可以通过Web浏览器读取使用。它提供了像变量，函数，混合类型和操作，使您可以建立动态的CSS功能。

为什么要用Less？

• LESS支持创建更清洁，CSS更快，更容易，跨浏览器更友好。
• LESS设计在 JavaScript 和还可创建在实时使用，编译比其他的 CSS 预处理器更快。
• LESS让你的代码，通过使可读性和易于更换的模块化方式。
• 更快的维护可以通过使用LESS的变量来实现。

历史

LESS是由亚历克西斯泽利尔（Alexis Sellier）在2009年设计的，LESS是一个开源的项目。LESS 的第一个版本是用Ruby编写的，并在后来的版本，它被 JavaScript 替换。

特点

• 更清洁，更可读的代码可以写在一个有组织的方式。
• 可以定义样式并且它可以在整个码被重复使用。
• LESS 基于javascipt，它是 CSS 的超集。
• LESS整理出的代码冗余的问题，它一个敏捷的工具。

优势

• LESS 容易产生跨浏览器的 CSS 。
• LESS 可以通过使用嵌套写的更清洁以及更好地组织代码。
• 维护能够更快地通过使用变量来实现。
• LESS使您能够在您的规则集中轻松地重用整个类。
• LESS提供使用操作，使得编码速度更快，更节省时间。

劣势

• 这需要时间，如果是刚开始学习使用 CSS 预处理。
• 由于模块之间的紧耦合，应采取更多的努力重用和/或测试从属模块。

• LESS 框架相比老预处理像SASS，其中包括框架压缩，比重和超对称。