#### Sass
> 简单说，Compass是Sass的工具库（toolkit）。
Sass本身只是一个编译器，Compass在它的基础上，封装了一系列有用的模块和模板，补充Sass的功能。它们之间的关系，有点像Javascript和jQuery、Ruby和Rails、python和Django的关系。
Sass Compass是用Ruby语言开发的，所以安装它之前，必须安装Ruby。
```javascript
gem install compass
gem install sass
compass create myproject
cd myproject
compass watch
```
你会看到，里面有一个config.rb文件，这是你的项目的配置文件。还有两个子目录sass和stylesheets，前者存放Sass源文件，后者存放编译后的css文件。
#### Compass的模块
Compass采用模块结构，不同模块提供不同的功能。目前，它内置五个模块：
- reset
- css3
- layout
- typography
- utilities
其中css3模块会让你的css 代码自动加上前缀等兼容性写法，虽然现有的一些自动化工具能做到，但是还是非常的nice
```
#inline-block {
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*display: inline;
zoom: 1;
}
```
#### Helper函数
除了模块，Compass还提供一系列函数。
有些函数非常有用，比如image-width()和image-height()返回图片的宽和高。
再比如，inline-image()可以将图片转为data协议的数据。
```
@import "compass";
.icon { background-image: inline-image("icon.png");}
```
#### 资料
[详见官网](http://compass-style.org/reference/compass/css3/)
[阮一峰的Compass用法指南](http://www.ruanyifeng.com/blog/2012/11/compass.html)
