CSS预处理

• CSS预处理是一种将CSS作为目标生成文件的，使用变量、函数及简单的逻辑实现 更加简洁、适应性更强、可读性更加、更易于代码维护的兼容浏览器的页面样式文件。
• 相对成熟的CSS预处理器语言有这三种：Sass(Scss)、LESS、Stylus
• 一个简单的代码片段解释一下SASS和CSS的区别：

CSS语法

body{
  font-size: 16px;
  background: #ccc;
}

SCSS语法

$primary-font-size: 16px;  //定义变量
$primary-background: #ccc;  //定义变量

body{
  font-size: $primary-font-size;
  background: $primary-background;
} 

Sass语法

$primary-font-size: 16px  
$primary-background: #ccc

body
  font-size: $primary-font-size
  background: $primary-background
 

• Sass是基于Ruby写出的，延续了Ruby的书写规范，在书写时不带大括号和分号，主要依靠严格的缩进方式来控制。