当前位置: 首页 > 文档资料 > Less 入门教程 >

概述

优质
小牛编辑
143浏览
2023-12-01

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

CSS预处理器是一种脚本语言,它扩展了CSS并编译成常规的CSS语法,因此可以通过Web浏览器读取。 它提供了variablesfunctionsmixinsoperationsfunctions ,允许您构建动态CSS。

为什么少?

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

  • LESS支持更快,更轻松地创建更清晰,跨浏览器友好的CSS。

  • LESS采用JavaScript设计,也可以在live ,比其他CSS预处理器编译速度更快。

  • LESS使您的代码保持模块化,这非常重要,因为它使其可读且易于更改。

  • 通过使用LESS variables可以实现更快的维护。

历史 (History)

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

特点 (Features)

  • 更清晰,更易读的代码可以有条理的方式编写。

  • 我们可以定义样式,它可以在整个代码中重用。

  • LESS基于JavaScript,是一套超级CSS。

  • LESS是一个灵活的工具,可以解决代码冗余问题。

优势 (Advantages)

  • LESS很容易生成适用于浏览器的CSS。

  • LESS使您可以使用nesting编写更好且组织良好的代码。

  • 通过使用variables可以更快地实现维护。

  • LESS使您可以通过在规则集中引用它们来轻松地重用所有类。

  • LESS提供了使编码更快并节省时间的操作。

缺点 (Disadvantages)

  • 如果您不熟悉CSS预处理,需要花时间学习。

  • 由于模块之间的紧密耦合,应该更多地努力重用和/或测试相关模块。

  • 与像SASS这样的老式预处理器相比,LESS的框架更少,后者由框架CompassGravitySusy