下一节:

  Less 教程



  • 什么是Less

    LESS 是 CSS 预处理程序,可为网站启用可自定义,可管理和可重用的样式表。
    LESS 是一种动态样式表语言,可扩展CSS的功能。
    LESS 也是跨浏览器友好的。
    CSS 预处理器是一种脚本语言,可扩展CSS并将其编译为常规 CSS 语法,以便您的Web浏览器可以读取它。
    它提供了诸如变量,函数,mixin和操作之类的功能,可让您构建动态CSS。
    LESS 是由 Alexis Sellier 在 2009 年设计的。LESS 是开源的;LESS 的第一个版本是用 Ruby 编写的;在以后的版本中,Ruby 的使用已被 JavaScript 取代。
  • Less的优缺点

    优点
    • LESS 轻松生成可在浏览器中使用的 CSS。
    • LESS 使您可以使用嵌套编写更好且组织良好的代码。
    • 使用变量可以更快地实现维护。
    • LESS 使您可以通过在规则集中引用它们来轻松重用整个类。
    • LESS 提供了使编码更快并节省时间的操作。
    缺点
    • 了解您是否不熟悉CSS预处理需要花费一些时间。
    • 由于模块之间的紧密耦合,应采取更多措施来重用和/或测试依赖模块。
    • 与较早的预处理器(如SASS)相比,LESS的框架更少,后者由Compass,Gravity和Susy框架组成。
  • 先决条件

    您应该熟悉:
    使用任何文本编辑器的基本文字处理。
    如何创建目录和文件。
    如何浏览不同的目录。
    使用流行的浏览器(例如Internet Explorer或Firefox)浏览Internet。
    使用HTML和CSS开发简单的网页。
    如果您不熟悉 HTML 和 CSS,那么建议您先阅读HTML教程CSS教程
  • Less 特征

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