老梁的专栏

这个版本的 Sass 语法一般称为 Sass，后来经过社区的不断努力，引入了新的语法，叫 SCSS，全称 Sassy CSS，预处理器也从 Ruby Sass，经过 LibSass，最终升级到了现在的 Dart Sass，也是我们本系列教程用到的版本。前面的教程已经介绍过，Sass 是 CSS 的扩展语言，也是一个预处理器，它可以将 Sass/SCSS 语法写成的脚本转化成 CSS 代码。但是这个脚本语言写成的样式表，并不能直接在浏览器中运行，必须转化成 CSS 才可以，实现这个转换的便是预处理器。

Sass 有两种语法，一种是缩进式，和 Ruby 有点像，另一种是大括号式，和 CSS 本身的语法很像。这两种语法要分开使用，不能混用，其中缩进式一般叫做 Sass，对应的文件后缀为，大括号式叫做 SCSS，对应的是。不过两种语法可以通过SCSS 的语法因为和 CSS 非常类似，学习成本比 Sass 低，目前已经成为主流。

Sass 是一种 CSS 的扩展语言，也是一种脚本语言，需要转换成 CSS 才能在浏览器中使用。同时，Sass 还是一个预处理器（preprocessor），用于完成 Sass 代码到 CSS 代码的准换。所以，当我们谈论 Sass 时，除了指代它作为一门脚本语言的语法，还包括预处理器的概念。作为预处理器，它的安装方式有很多种，下面我们以目前最流行的 Dart Sass 为例，逐一介绍。

本篇是 Sass 教程的入门篇，主要讲述 Sass 的诞生背景以及如何提高我们的开发效率。