前端知识体系之CSS及其预处理器SASS/LESS

如果你是个前端设计师，很多时候我们都在写CSS,CSS是定义页面样式的脚本，并不是一种编程语言，只是一行行单纯的描述页面元素的样子，如果对英语熟练的话，它像说话一样简单，这里举个简单的例子:

body{

  color: #000000;

  background: #ffffff;

}

描述的是元素body，背景色白色，文字颜色黑色，写CSS是一项简单而繁琐的工作。

PS:很多人把CSS和CSS3相提并论，寻找异同，其实就像html和html5一样，css3是css的一个版本，它已经被ie9以上的遵循W3C标准的现代浏览器所支持。

上面说道，写CSS是一项简单而繁琐的工作，那么能不能从把前端从枯燥无味的工作中解放出来，去做较复杂的工作呢，答案就在下面，诞生了一种叫CSS预处理器的语言。

CSS预处理器（css preprocessor）。它的基本思想是，用一种专门的编程语言，进行网页样式设计，然后再编译成正常的CSS文件。

一、什么是CSS预处理器

CSS预处理器定义了一种新的语言，基本的思想是用一种专门的编程语言，开发者只需要使用这种语言进行编码工作，减少枯燥无味的CSS代码的编写过程的同时，它能让你的CSS具备更加简洁、适应性更强、可读性更加、层级关系更加明显、更易于代码的维护等诸多好处。

二、种类

目前最主流的三个预处理器 Less、Sass 和 Stylus

三、用法

巴特西