LESS - 概述

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

CSS预处理器是一种脚本语言,它扩展了CSS并编译成常规的CSS语法,因此可以通过Web浏览器读取.它提供了诸如变量函数 mixins 操作等功能,允许您构建动态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使您能够编写更好,组织良好的代码嵌套.

  • 使用变量可以更快地实现维护.

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

  • LESS提供操作的使用,使编码更快,节省时间.

缺点

  • 要了解你是否需要时间CSS预处理的新手.

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

  • 与SASS之类的旧预处理器相比,LESS的框架较少,SASS由框架 Compass Gravity 组成. Susy .