关于Sass

1.CSS 预处理器

• CSS 预处理器用一种专门的编程语言，进行 Web 页面样式设计，然后再编译成正常的 CSS 文件，以供项目使用。CSS 预处理器为 CSS 增加一些编程的特性，无需考虑浏览器的兼容性问题。
• 例如可以在 CSS 中使用变量、简单的逻辑程序、函数等等在编程语言中的一些基本特性。
• 好处：可以让 CSS 更加简洁、适应性更强、可读性更佳，更易于代码的维护等。

2.CSS 预处理器语言

• Sass（SCSS）
• LESS
• Stylus
• Turbine
• Swithch CSS
• CSS Cacheer
• DT CSS

3.SASS

Sass 是采用 Ruby 语言编写的一款 CSS 预处理语言，它诞生于2007年，是最大的成熟的 CSS 预处理语言。最初它是为了配合 HAML（一种缩进式 HTML 预编译器）而设计的，因此有着和 HTML 一样的缩进式风格。

4.Sass 和 SCSS 的区别

• 文件扩展名不同，Sass 是以“.sass”后缀为扩展名，而 SCSS 是以“.scss”后缀为扩展名。
• 语法书写方式不同，Sass 是以严格的缩进式语法规则来书写，不带大括号({})和分号(?，而 SCSS 的语法书写和我们的 CSS 语法书写方式非常类似。

//Sass 语法

$font-stack: Helvetica, sans-serif  //定义变量
$primary-color: #333 //定义变量

body
  font: 100% $font-stack
  color: $primary-color

//SCSS 语法

$font-stack: Helvetica, sans-serif;
$primary-color: #333;

body {
  font: 100% $font-stack;
  color: $primary-color;
}

//编译出来的 CSS

body {
  font: 100% Helvetica, sans-serif;
  color: #333;
}

5.SCSS语法格式

SCSS 是 SASS 的新语法格式，从外形上来判断他和 CSS 长得几乎是一模一样，代码都包裹在一对大括号里，并且末尾结束处都有一个分号。其文件名格式常常以“.scss”为扩展名。