当前位置:首页>CSS>Less>Less教程

Less教程

作者:微学网发布时间:2019-08-10 17:53:31

什么是Less

Less是一个CSS预处理器,可以为网站启用可自定义,可管理和可重用的样式表。

Less是一种动态样式表语言,扩展了CSS的功能。 Less跨浏览器也是非常友好的。

CSS预处理器是一种脚本语言,可扩展CSS并将其编译为常规CSS语法,以便可以通过Web浏览器读取。 它提供诸如变量,函数, mixins 和操作等功能,可以构建动态CSS。

为什么要使用Less

  • LESS支持创建更清洁,跨浏览器友好的CSS更快更容易。

  • LESS是用JavaScript设计的,并且创建在 live 中使用,其编译速度比其他CSS预处理器更快。

  • LESS保持你的代码以模块化的方式,这是非常重要的,通过使其可读性和容易改变。

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

Less发展历史

Less由 Alexis Sellier 于2009年设计的开源工具。

Less的第一个版本是用Ruby编写的,在后来的版本中,它被JavaScript代替。

Less特点

  • 更清晰和更可读的代码可以以有组织的方式编写。

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

  • LESS是基于JavaScript的,是超集的CSS。

  • LESS是一个敏捷工具,可以排除代码冗余的问题。

Less优点

  • Less轻松地生成可在浏览器中工作的CSS。

  • Less使您能够使用嵌套编写更干净,组织良好的代码。

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

  • Less使您能够通过在规则集中引用它们来轻松地重用整个类。

  • Less提供使用操作,使得编码更快并节省时间。

Less缺点

  • 学习如果你是新的CSS预处理需要时间。

  • 由于模块之间的紧密耦合,应当采取更多的努力来重用和/或测试依赖模块。

  • 与旧的预处理器(例如Sass)相比,LESS具有较少的框架,Sass由框架 Compass , Gravity和 Susy 组成。

适用人群

  • 学生

  • 前端开发工程师

  • 后端开发工程师

学习前需要具备的知识

  • 使用任何文本编辑器的基本字处理。

  • 如何创建目录和文件。

  • 如何浏览不同的目录。

  • 使用Internet Explorer、Firefox、Chrome等流行的浏览器进行Internet浏览。

  • 使用HTML或XHTML开发简单的网页。

  • 如果您是HTML和XHTML的新手,那么我们建议您先阅读HTML教程或XHTML教程。