編程教程使用 Sass
SASS是更強大和穩定，通過使用CSS的擴展提供基本語言的力量。您可以使用三種不同的方式使用SASS:
作為命令行工具
作為一個Ruby模塊
作為Rack啟用框架的插件
如果您在Windows上使用SASS，則需要先安裝Ruby。有關安裝Ruby的更多信息，請參閱 SASS安裝一章。
下表顯示了用于執行SASS代碼的命令:
| 序號 | 命令和描述 |
| 1 | sass input.scss output.css 它用于從命令行運行SASS代碼。 |
| 2 | sass --watch input.scss:output.css 當SASS文件更改時，它通知SASS監視文件并更新CSS。 |
| 3 | sass --watch app / sass:public / stylesheets 它用于觀察整個目錄，如果SASS在一個目錄中包含許多文件。 |
Rack / Rails / Merb插件
Rack是一個Web服務器接口，用于在Ruby中開發Web應用程序。有關Rack的信息，請訪問此鏈接。
您可以使用config文件夾下的environment.rb文件啟用Rails 3版本中的SASS。使用以下行為Rails 3啟用SASS:
config.gem "sass"
您可以使用以下行到Rails 3（和以上版本）的Gemfile，如下所示:
gem "sass"
Rails是一個開放源代碼的Web框架，它使用JSON，HTML，CSS和JavaScript等Web標準來顯示用戶界面。要使用Rails，您需要具有Ruby和面向對象編程的基本知識。在這里了解更多關于Rails框架。
如果您要在Rack應用程序中啟用SASS，請將以下行添加到應用程序根目錄中的config.ru文件中:
require 'sass/plugin/rack' use Sass::Plugin::Rack
Merb是一個Web應用程序框架，可為Rails提供速度和模塊化。要了解有關Merb的更多信息，只需打開此鏈接。
您可以在Merb中啟用SASS，方法是在config / dependencies.rb文件中添加以下行:
dependency "merb-haml"
緩存
SASS緩存諸如模板和分支的文檔，可以重用它們而不解析它們，除非它們已經改變。它使得SASS文件的編譯更快，并且當模板被分割成單獨的文件并且被導入到一個大文件中時，工作更好。如果您刪除緩存的文件，它們將在下次編譯時再次生成。
選項
您可以在Rack應用程序的Rails或config.ru文件的environment.rb文件中設置選項，方法如下:
Sass::Plugin.options[:style] = :compact
您還可以使用以下行在Merb的init.rb文件中設置選項:
Merb::Plugin.config[:sass][:style] = :compact
有一些選項可用于SASS和SCSS，如下表所述:
| 序號 | 選項和描述 |
|---|---|
| 1 | :style 它顯示輸出的樣式。 |
| 2 | :語法 您可以為sass使用縮進語法，并為scss使用CSS擴展語法。 |
| 3 | :property_syntax 它使用縮進語法來使用屬性。如果它不正確，那么它會拋出一個錯誤。例如，考慮“background:＃F5F5F5"，其中背景是屬性名稱，＃F5F5F5是其屬性值。您必須在屬性名稱后面使用冒號。 |
| 4 | :緩存 它加速了SASS文件的編譯。默認情況下，它設置為true。 |
| 5 | :read_cache 如果未設置cache并且已設置read_cache，則只讀取SASS文件。 |
| 6 | :cache_store 它可以用于存儲和訪問緩存的結果，方法是將其設置為Sass :: CacheStores :: Base的實例。 |
| 7 | :never_update 如果模板文件更改，它不應該更新CSS文件。默認情況下，它設置為false。 |
| 8 | :always_update 每當模板文件更改時，它應該更新CSS文件。 |
| 9 | :always_check 它應該在服務器啟動時檢查更新。如果SASS模板文件中有更新，它將重新編譯和覆蓋CSS文件。 |
| 10 | :poll 它通過將Sass :: Plugin :: Compiler＃watch（監視模板和CSS文件的更新）的輪詢后端設置為true來使用輪詢后端。 |
| 11 | :full_exception 每當在生成的CSS文件中的SASS代碼中發生異常時，它顯示錯誤描述。它在CSS文件中顯示與源一起發生錯誤的行號。 |
| 12 | :template_location 它提供了應用程序中模板目錄的路徑。 |
| 13 | :css_location 它提供了應用程序中CSS樣式表的路徑。 |
| 14 | :unix_newlines 當通過將文件設置為true來編寫文件時，它提供Unix樣式換行符。 |
| 15 | :filename 它是顯示的文件名，用于報告錯誤。 |
| 16 | :行 它指定SASS模板的第一行并顯示錯誤的行號。 |
| 17 | :load_paths 它用于加載使用@import指令包含的SASS模板的路徑。 |
| 18 | :filesystem_importer 它用于從使用Sass :: Importers :: Base子類的文件系統中導入文件來處理字符串加載路徑。 |
| 19 | :sourcemap 它生成指示瀏覽器找到SASS樣式的源映射。它使用三個值:
|
| 20 | :line_numbers 它顯示CSS文件中報告的錯誤的行號，方法是將其設置為true。 |
| 21 | :trace_selectors 當設置為true時，它有助于跟蹤導入和混合選擇器。 |
| 22 | :debug_info 它提供SASS文件的調試信息使用行號和文件時，它設置為true。 |
| 23 | :custom 它使數據可用于單獨應用程序中的SASS函數。 |
| 24 | :quiet 它通過將警告設置為true來禁用警告。 |
語法選擇
您可以使用SASS命令行工具確定您在SASS模板中使用的語法。默認情況下，SASS使用縮進語法，它是基于CSS的SCSS語法的替代。您可以使用類似于SASS程序的SCSS命令行程序，但默認情況下它認為語法是SCSS。
編碼
SASS通過指定以下CSS規范使用樣式表的字符編碼:
首先它檢查Unicode字節，下一個@charset聲明，然后檢查Ruby字符串編碼。
接下來如果沒有設置，則認為字符集編碼為UTF-8。
通過使用@charset聲明明確地確定字符編碼。只需在樣式表的開頭使用“@charset encoding name"，SASS將假設這是給定的字符編碼。
如果SASS的輸出文件包含非ASCII字符，那么它將使用@charset聲明。