本文關鍵詞：Sass與Compass實戰(zhàn)，由筆耕文化傳播整理發(fā)布。

> 其他綜合 > Sass與Compass實戰(zhàn) 1.4　創(chuàng)建一個Compass項目 2014-04-30 16:47:59         我要投稿   

本文所屬圖書 > Sass與Compass實戰(zhàn)

本書共分為10 章，旨在完整介紹兩個工具：Sass 和Compass，從而引領讀者通過框架高效地構建樣式表，創(chuàng)建動態(tài)頁面。本書介紹了Sass 如何通過選擇器嵌套和變量來幫助避免重復，以及通過繼承和混合器等特性更加高  立即去當當網(wǎng)訂購

如果你還沒有安裝Compass，可以參考附錄A的指引進行安裝。安裝好以后，第一件事就是創(chuàng)建一個Compass項目。

同其他優(yōu)秀的命令行接口工具（CLI）一樣，Compass提供了非常豐富的幫助信息來幫我們了解Compass的各項功能。測試一下Compass是否安裝成功。打開命令行進入一個新的樣式項目目錄，運行compass help。如果成功打印出了幫助信息和命令行參數(shù)信息，說明Compass安裝好了。如果沒有的話，請重新按照附錄A的指引進行安裝，然后重新嘗試。

下面從創(chuàng)建一個新的Compass項目開始，新項目包含了一個配置文件和Sass源文件、CSS輸出文件等。將該文件命名為sample。

compass create sample

新目錄下會生成這么幾個文件：

total 8
drwxr-xr-x  6 wynn  staff  204 Jan  3 12:11 .
drwxr-xr-x  3 wynn  staff  102 Jan  3 12:12 ..
drwxr-xr-x  4 wynn  staff  136 Jan  3 12:11 .Sass-cache
-rw-r--r--  1 wynn  staff  315 Jan  3 12:11 config.rb
drwxr-xr-x  5 wynn  staff  170 Jan  3 12:11 Sass
drwxr-xr-x  5 wynn  staff  170 Jan  3 12:11 stylesheets

使用默認配置，Compass已經(jīng)幫我們默認生成了一個config.rb配置文件，一個名為sass的目錄，里邊存放Sass的源文件，一個名為stylesheets的目錄，里邊存放Sass編譯后生成的CSS文件。如果你想了解config.rb里邊的所有配置項，請參考附錄B�，F(xiàn)在我們將使用默認配置來演示如何用Compass解決實際工作中遇到的CSS問題。

點擊復制鏈接 與好友分享!回本站首頁 您對本文章有什么意見或著疑問嗎？請到論壇討論您的關注和建議是我們前行的參考和動力   上一篇：1.3.3　社區(qū)生態(tài)系統(tǒng) 下一篇：1.5.1　通過重置來保持樣式表現(xiàn)一致 相關文章

20.3.2 在項目編號中追加文字

1.1.4.1　構建項目的基本目錄結構

1.2.2　Struts2項目的目錄組織結構

1.4.2　在項目中使用Ext

1.3.2　簡單的Compass樣式項目

1.2　創(chuàng)建新的ASP.NET項目

1.1.1 Access數(shù)據(jù)項目

7.1 項目如何共享協(xié)作

7.2 獲取共享項目

7.3 編輯共享項目

圖文推薦

  本文關鍵詞：Sass與Compass實戰(zhàn)，由筆耕文化傳播整理發(fā)布。

，

本文編號：177833