前言

本篇是我学习 Less CSS预处理器的开篇,简单介绍了为什么要学习 Less, 以及 CSS预处理器 的一些简单介绍

什么是Less

Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。

为什么要学习Less

学习 Less 是因为在使用第三方的部分组件中,作者使用了 Less 来书写CSS样式,对于组件的修改需要这方面的知识,而且我在第一次尝试使用了 Less 之后发现其相当方便、灵活,以及极大提高了书写CSS的速度。

什么是CSS预处理器

CSS预处理器 定义了一种新的语言,其基本思想是用一种专门的编程语言为 CSS 增加了一些编程的特性,将 CSS 作为目标生成文件,然后开发者就只需要使用这种语言进行编码工作。

通俗的说,CSS 预处理器 用一种专门的编程语言,进行 Web 页面样式设计,然后再编译成正常的 CSS 文件,以供项目使用。

CSS 预处理器为 CSS 增加一些编程的特性,无需考虑浏览器的兼容性问题。

例如你可以在 CSS 中使用变量、简单的逻辑程序、函数等等在编程语言中的一些基本特性,可以让你的 CSS 更加简洁、适应性更强、可读性更佳,更易于代码的维护等诸多好处。

除了Less之外的其他CSS预处理器

除了 Less 之外还有其他的 CSS预处理器语言:

  • Sass(SCSS)
  • Stylus
  • Turbine
  • Swithch CSS
  • CSS Cacheer

本次学习的语言版本

本次学习的 Less 版本号为 2.7.3

参考资料

Less 官方文档

1.7.0 中文文档