📜  LESS 简介

📅  最后修改于: 2021-09-02 03:16:39             🧑  作者: Mango

LESS 是一个简单的 CSS 预处理器,可以为网站创建可管理、可定制和可重用的样式表。 LESS 是一种动态样式表语言,可增加 CSS 的工作能力。 LESS 是跨浏览器兼容的。 CSS 预处理器是一种脚本语言,可改进 CSS 并编译为常规 CSS 语法,以便 Web 浏览器可以使用它。这还提供了变量、函数、mixin 和操作等功能,使我们能够构建动态 CSS。

为什么使用 LESS?

  • LESS 有助于更快、更轻松地创建更干净、跨浏览器兼容的 CSS。
  • 它专为使用 JavaScript 的动态用法而设计,其编译速度比其他 CSS 预处理器更快。
  • LESS 以标准方式保存代码,使其易于阅读和修改。
  • LESS 变量使代码的维护速度更快。

LESS 最初由 Alexis Sellier 在 2009 年设计。LESS 是一种易于学习和理解的开源语言。 LESS 的第一个版本是用 Ruby 编写的。而在接下来的版本中,Ruby 的使用被更简单的 JavaScript 语言取代。

少特点:

  • LESS 更干净,使代码易于阅读,因此可以以有组织的方式编写。
  • 可以定义样式,然后它们可以在整个代码中重复使用。
  • LESS 基于简单而完整的 JavaScript 语言,是 CSS 的超集。
  • LESS 是一种解决代码冗余问题的主动工具。

LESS 的优点:

  • LESS 可以轻松生成可以跨不同浏览器工作的 CSS。
  • LESS 使用户能够在嵌套的帮助下编写更好且组织良好的代码。
  • LESS 变量使代码的维护速度更快。
  • LESS 使用户能够通过在规则集中引用它们来轻松地一次又一次地使用这些类。
  • LESS 使用户可以使用使编码更快并节省大量时间的操作。

LESS 的缺点:

  • 对于新用户来说,如果他们没有 CSS 知识,学习 LESS 是一项很累的工作。
  • 由于模块之间的紧密耦合,需要付出更多的努力才能再次使用它们并测试依赖模块。
  • 与其他较旧的预处理器相比,LESS 具有较少的框架,例如由 Compass、Gravity 和 Susy 框架组成的 SASS。