安裝
$ gem install compass創建項目
$ compass create [program-name]將會生成目錄
- sass-cache sass緩存，使得編譯更快速
- sass 存放sass文件的目錄
- stylesheets 編譯成的css文件存放目錄
- config.rb 配置文件
目錄名可以在config.rb中修改
config.rb
/*
*sass@import指令是可以重複引入同一文件的，這句話可以防止重複引入，如果要重複引入，在後面加'!'
*比如 @import 'compass/reset!';
*/
require "compass/import-once/activate"output_style輸出格式，有四種值
| 值 | 作用 |
|---|---|
| expanded | 默認值，按常規css展開形式 |
| nested | 嵌套的，用縮進表示嵌套深度 |
| compact | 緊湊的，一個樣式都放在一行 |
| compressed | 壓縮的，去掉所有註釋，在註釋前面加!可以防止註釋被去掉 |
插件
normalize.css
gem install compass-normalize在config.rb中添加require "compass-normalize",在sass文件中添加@import "normalize"即可使用
normalize.css有8大模塊組成
base,html5,links,typograohy,embeds,groups,forms,tables.
使用@import "normalize-version";@import "normalize/normalize-module";可以只引入相應模塊，`