教程 > LESS 教程 阅读:97

LESS 教程

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

CSS Preprocessor 是一种脚本语言,它扩展了 CSS 并被编译成常规的 CSS 语法,以便我们的 Web 浏览器可以读取它。 它提供了变量、函数、mixin 和操作等功能,可让我们构建动态 CSS。


为什么使用 LESS

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

  • LESS 支持更快、更轻松地创建更简洁、跨浏览器友好的 CSS。
  • LESS 是用 JavaScript 设计的,也是为实时使用而创建的,它的编译速度比其他 CSS 预处理器快。
  • LESS 以模块化方式保持我们的代码,这对于使其可读性和易于更改非常重要。
  • 使用 LESS 变量可以实现更快的维护。

历史

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


特征

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

优点

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

缺点

  • 如果我们不熟悉 CSS 预处理,需要时间来了解。
  • 由于模块之间的紧密耦合,应该采取更多的努力来重用和/或测试依赖模块。
  • 与旧的预处理器(如 SASS)相比,LESS 的框架更少,后者由 Compass、Gravity 和 Susy 框架组成。

学习前需要准备的知识

本教程将帮助希望使他们的网站或个人博客更具吸引力的学生和专业人士。

大家应该熟悉

  • 使用任何文本编辑器进行基本文字处理。
  • 如何创建目录和文件。
  • 如何浏览不同的目录。
  • 使用 Internet Explorer 或 Firefox 等流行浏览器进行 Internet 浏览。
  • 使用 HTML 或 XHTML 开发简单的网页。

查看笔记

扫码一下
查看教程更方便