当一个项目超过一定的规模后，CSS 容易变得难于维护。CSS 预处理语言便由此而生，目的在于解决 CSS 的局限。通常一门 CSS 预处理语言会提供一些编程语言常见的特性，例如：变量、嵌套、函数、继承等，而后通过特定的处理工具转换成普通的 CSS 文件。 Sass 正是预处理语言中的一种。
安装 Sass
Sass 预处理依赖于 Ruby，因此在使用 Sass 之前需要先准备 Ruby 环境。当 Ruby 环境安装就绪后，既可以使用 Gem 来安装 Sass：
1 | gem install sass |
上述命令执行成功后，使用 sass -v 来确认安装的 sass 版本，命令输出结果类似于 Sass 3.4.12 (Selective Steve)。Sass 成功安装之后，我们即可在命令行下使用 sass 来将 sass 文件转换成普通的 css 文件，命令如下：
1 | sass input.sass output.css |
代码中包含了一个 --watch 选项，借助于此选项我们可以监视目录，在文件有变动的时候自动进行转换，这个特性对于尝试 Sass 非常方便。而在正常的项目开发中，我们通常使用构建工具，将这个转换过程放置在构建流程中。
Sass 变量
变量用于存储特定的值，以便于在代码中多处应用。在 Sass 中，变量以美元符号 $ 开头，可以存储 颜色值、字体簇、背景图片地址等 CSS 规则的值。示例：
1 | $font-stack: Hevetica, sans-serfi |
变量的强大之处在于通过设定不同变量的值，即可提供不同的外观。