概述
Compass由SASS的核心團隊成員Chris Eppstein創建，是一個非常豐富的樣式框架，包括大量定義好的mixin，函式，以及對SASS的擴展。
Compass是第一個基於Sass的框架。通過安裝Compass和Sass，可以使用很多復用的代碼和工具來輕鬆生成CSS代碼。
Compass能夠讓你用特別簡單的語法寫出CSS3中一些特別好用的樣式代碼，比如陰影、漸變、列和變形。它能夠魔法般地創建各瀏覽器都兼容的CSS代碼。
簡單說，Compass是Sass的工具庫（toolkit）。
Sass本身只是一個編譯器，Compass在它的基礎上，封裝了一系列有用的模組和模板，補充Sass的功能。它們之間的關係，有點像Javascript和jQuery、Ruby和Rails、python和Django的關係。
Compass是用Ruby語言開發的，所以安裝它之前，必須安裝Ruby。
假定你的機器（Linux或OS X）已經安裝好Ruby，那么在命令行模式下鍵入：
sudo gem install compass
如果用的是Windows系統，那么要省略前面的sudo。
正常情況下，Compass（連同Sass）就安裝好了。
創建Compass工程
首先，創建一個空的Compass工程(同時使用Compass和Sass時，Compass變成很多設定與功能的樞紐)；然後，按照想法對其進行修改。
圖形用戶界面工具一般都帶有創建Compass新工程的按鈕。例如，CodeKit有一個選項叫做“創建新的Compass工程”。
如果不使用圖形用戶界面，則可以在默認沒置下用命令行直接創建Compass工程。打開“命令行/命令”對話框(如果運行的是Windows系統，則請記住使用有Ruby選項的命令行對話框)，移動到包含該工程資料夾的路徑下，在命令行輸入以下內容：compass create；這樣便創建了一個帶有很多默認選項的Compass工程。
創建定製化的Compass工程
創建工程時，可以為不同的工程資源資料夾(樣式表、JavaScript、圖像)賦予特定的名稱，這么做只需在命令中另外增加一些參數：
compass create -sass-dir "sass"-css-dir"css"-javascripts-dir"js"-images-dir"img"
這裡，僅需要把想賦予工程中每個資料夾的名稱告訴Compass即可，即只需根據需要更改引號裡面的值。這樣做只是省去了給資料夾重命名以及更改config．rb檔案的步驟。
如果命令中有錯誤，不要著急，只需刪除相應資料夾然後重新運行一遍命令即可。
不想通過命令行刪除相應檔案，可以使用正常的桌面圖形用戶界面，如Finder(OS X)或者檔案瀏覽器(Windows)。
之前的命令運行完成之後，便生成了一個裝樣式表的資料夾(名稱默認為stylesheets，將其命名為css)，裡面有若干默認檔案(如ie．css、print．css和styles．css)，一個裝有Sass檔案的資料夾(默認名稱為sass，保留了這個名字，裡面裝有ie．scss、print．scss和styles．scss檔案)，一個裝有圖像的資料夾(默認名稱為images，將其重新命名為img)，以及一個叫做．sass—cache的隱藏資料夾。
．sass-cache資料夾用來暫時存儲檔案，Sass用它來創建生成的CSS。
默認情況下，Compass的create命令不會為JavaScript創建資料夾，所以需要手動創建。可以通過圖形用戶界面工具直接創建，也可以通過命令行來創建：
1、如果使用的是Mac OS X系統，則輸入以下命令然後按回車鍵：mkdir js。
2、如果使用的是Windows系統，則輸入以下命令並按回車鍵：md js。
現在，刪除sass資料夾下的print．scss、styles．scss和ie．scss檔案，並刪除css資料夾下的print．css、styles．css和ie．css檔案，因為不再需要這些檔案。
