Less教程

管理员 Less教程

本文章向大家介绍Less教程,主要包括Less教程使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

LESS是什么?

LESS是一个CSS预处理器,能够定制,可管理和可重复使用网站的样式表。 LESS是一个动态的样式表语言,扩展CSS的性能。 LESS也是友好的跨浏览器。

CSS预处理器是一种脚本语言,它扩展了CSS并编译成普通的CSS语法,以便它可以通过Web浏览器读取使用。它提供了像变量,函数,混合类型和操作,使您可以建立动态的CSS功能。

为什么要用Less?

  • LESS支持创建更清洁,CSS更快,更容易,跨浏览器更友好。
  • LESS设计在 JavaScript 和还可创建在实时使用,编译比其他的 CSS 预处理器更快。
  • LESS让你的代码,通过使可读性和易于更换的模块化方式。
  • 更快的维护可以通过使用LESS的变量来实现。

历史

LESS是由亚历克西斯泽利尔(Alexis Sellier)在2009年设计的,LESS是一个开源的项目。LESS 的第一个版本是用Ruby编写的,并在后来的版本,它被 JavaScript 替换。

特点

  • 更清洁,更可读的代码可以写在一个有组织的方式。
  • 可以定义样式并且它可以在整个码被重复使用。
  • LESS 基于javascipt,它是 CSS 的超集。
  • LESS整理出的代码冗余的问题,它一个敏捷的工具。

优势

  • LESS 容易产生跨浏览器的 CSS 。
  • LESS 可以通过使用嵌套写的更清洁以及更好地组织代码。
  • 维护能够更快地通过使用变量来实现。
  • LESS使您能够在您的规则集中轻松地重用整个类。
  • LESS提供使用操作,使得编码速度更快,更节省时间。

劣势

  • 这需要时间,如果是刚开始学习使用 CSS 预处理。
  • 由于模块之间的紧耦合,应采取更多的努力重用和/或测试从属模块。
  • LESS 框架相比老预处理像SASS,其中包括框架压缩,比重和超对称。