Sass简介
大家都知道，js 中可以自定义发量，css 仅仅是一个标记语言，不是编程语言，因此不可以自定义发量、不可以引用等等。
面对返些问题，我们现在来引入 Sass，简单的说，他是 css 的升级版，可以自定义发量，可以有 if 语句，还可以嵌套等等，很神奇吧！那下面我们就来介绍返个神奇的 Sass。
Sass比Less的功能更强大，也更复杂。
Sass 的定义
Sass：英文是 Syntactically Awesome Stylesheets Sass。最早由 Hampton Catlin 开发和设计。 一种帮助你简化 CSS 工作流程的方式，帮助你更容易维护和开发 CSS 内容。
Sass 是这个世界上最成熟、稳定和强大的专业级 CSS 扩展语言。
Sass专注的是怎样创建优雅的样式表，而不是内容。
Sass、Compass与CSS
关系：
- Less/Sass是语法、Compass是框架、CSS是目标。
Sass&Compass的好处：
写出更优秀的CSS。
解决CSS编写过程中的痛点问题，比如精灵图合图、属性的浏览器前缀处理等。
有效组织样式、图片、字体等项目元素。
受众群体：
重构的同学，写很多CSS，不知如何自动化。
希望在项目周期内更好地组织项目内容。
Sass的安装
sass引擎是用Ruby语言开发的（但是两者的语法没有关系），因此在安装 Sass 前，需要先安装Ruby（mac下自带Ruby无需再安装Ruby）。
下面来讲一下 Windows 下的安装Sass的步骤。
第一步：安装Ruby（windows环境）
下载地址：http://rubyinstaller.org/downloads/
貌似网络很慢，不一定能下载成功~
安装时，记得勾选“环境变量”：
安装完ruby之后，在命令行中输入ruby -v，查看ruby的的版本：
关于Mac下的Ruby
刚刚说了，Mac下自带Ruby，但是版本肯定很老：
有的时候，我们可能需要使用特定版本的ruby，或者在不同的ruby版本之间进行切换，所以，大家可以尝试安装rvm，它是ruby的版本管理工具。官网是：https://rvm.io
第二步：安装 Sass
安装完ruby之后，在开始菜单中，找到刚才我们安装的ruby，打开Start Command Prompt with Ruby。输入gem install sass安装Sass。
PS：Ruby 是使用 gem 来管理它的各种包（比如Sass）。我们安装好ruby之后，gem会自动安装上；类似于，我们安装完node之后，npm也自动安装好了。
但是，由于访问网络受限，我们可以先切换到淘宝的镜像，再安装Sass。步骤如下：
（1）移除默认的镜像，添加淘宝的镜像：
1 | gem sources --remove https://rubygems.org/ |
PS：我测试了一下，Win 7 不支持https，Mac支持https。
（2）查看当前使用的是哪个镜像：
1 | gem sources -l |