📜  LESS-概述

📅  最后修改于: 2020-10-22 07:02:33             🧑  作者: Mango


 

LESS是CSS预处理器,可为网站启用可自定义,可管理和可重用的样式表。 LESS是一种动态样式表语言,可扩展CSS的功能。 LESS也是跨浏览器友好的。

CSS预处理器是一种脚本语言,可扩展CSS并将其编译为常规CSS语法,以便您的Web浏览器可以读取它。它提供了诸如变量函数mixin操作之类的功能,可用于构建动态CSS。

为什么LESS?

现在让我们了解为什么我们要使用LESS。

  • LESS支持更快,更轻松地创建更清洁,跨浏览器友好的CSS。
  • LESS是用JavaScript设计的,还可以在live中使用,它的编译速度比其他CSS预处理器快。
  • LESS以模块化的方式保持您的代码,这通过使代码易于阅读和易于更改非常重要。
  • 使用LESS变量可以实现更快的维护。

历史

LESS是由Alexis Sellier在2009年设计的。LESS是开源的。 LESS的第一个版本是用Ruby编写的;在以后的版本中,Ruby的使用已被JavaScript取代。

特征

  • 可以有组织的方式编写更干净,更易读的代码。
  • 我们可以定义样式,并且可以在整个代码中重用它。
  • LESS基于JavaScript,是CSS的超集。
  • LESS是一种敏捷工具,可以解决代码冗余的问题。

好处

  • LESS轻松生成可在浏览器中使用的CSS。
  • LESS使您可以使用nesting编写更好且组织良好的代码。
  • 使用变量可以更快地实现维护。
  • LESS使您可以通过在规则集中引用它们来轻松重用整个类。
  • LESS提供了使用,使编码速度更快,节省时间的操作

缺点

  • 了解您是否不熟悉CSS预处理需要花费一些时间。
  • 由于模块之间的紧密耦合,应采取更多措施来重用和/或测试依赖模块。
  • 与较早的预处理器(如SASS)相比,LESS的框架较少,后者由框架CompassGravitySusy组成