1. sass 是什么？

sass也是一个预处理语言！！！sass它的语法更加强大！！！

2. sass安装

sass 文件也是不能在浏览器中运行，sass -> css

2.1 安装sass工具

npm install sass -g

检测是否下载成功： sass --version

2.2 使用工具进行编译

sass 文件名.scss 文件名.css

3.学习sass的语法

使用变量：

sass让人们受益的一个重要特性就是它为css引入了变量。你可以把反复使用的css属性值 定义成变量，然后通过变量名来引用它们，而无需重复书写这一属性值。或者，对于仅使用过一 次的属性值，你可以赋予其一个易懂的变量名，让人一眼就知道这个属性值的用途。

sass使用美元符号符号来标识变量(老版本的sass使用!来标识变量。改成美元符号是多半因为!highlight-color看起来太丑了。)，比如sidebar-width。为什么选择$ 符号呢？因为它好认、更具美感，且在CSS中并无他用，不会导致与现存或未来的css语法冲突。