Less – 介绍

Less是一种CSS扩展语言,也被称为CSS预处理器,可以让开发者更加方便地编写维护CSS文件。

什么是CSS预处理器

CSS预处理器是一种脚本语言,是CSS的扩展,使用该脚本语言编写的文件经过编译后输出标准的CSS,然后web浏览器就可以读取解析它。Less看起来与CSS非常相似,但是它提供了许多扩展功能,比如变量、函数、混合和操作符等,这些功能可以帮助你编写动态CSS。

Less和SASS都是常用的CSS预处理器,Less文件和Sass文件经过编译后输出标准的CSS,可以被web浏览器读取解析。

怎么使用

Less是用JavaScript编写的,需要Node.js或web浏览器才能运行。在项目中包含Less.js,可以实时编译所有导入. less样式表,但是这样做性能比较差,通常不推荐。

本教程使用Node.js编译Less文件,Node.js功能强大使用方便,已经成为前端开发中的必备工具。

Less 历史

Less 开始是用Ruby编写的,但后来的版本改为Javascript编写,并且不推荐使用Ruby。Less最初由Alexis Sellier于2009年开发。

Less 特性

  • 与CSS相比,Less的代码干净、紧凑、可读性好,项目的文件组织更好。
  • Less支持多种浏览器。
  • Less更快,更容易。
  • Less是用JavaScript编写的,编译速度比其他css预处理器更快。
  • Less提供了变量让维护更简单。
  • Less提供了嵌套,让代码更短、更干净,更容易组织。
  • Less让你编写可重用的样式代码。
  • Less是CSS的扩展,兼容CSS,是CSS的超集。
  • Less解决了CSS的代码冗余问题。
  • Less提供@import指令,可以轻松导入外部文件,让你可以将复杂样式表文件拆分,更好地组织项目文件。
  • Less为共享样式的组选择器提供了扩展方法,代码更清晰更有组织。
  • Less提供了强大的合并属性。

后面将详细介绍这些特性。



浙ICP备17015664号 浙公网安备 33011002012336号 联系我们 网站地图  
@2019 qikegu.com 版权所有,禁止转载