Sass 轉 CSS
線上將 Sass 和 SCSS 編譯為 CSS。支援即時轉換、展開或壓縮輸出、錯誤行號提示，完整支援變數、混入和巢狀語法。
Sass 和 SCSS 有什麼不同？
SCSS 是較新的、與 CSS 寫法一致的語法，使用大括號和分號；Sass（縮排式語法）則用縮排和換行代替。本工具兩種都支援編譯，只需在下拉選單中選擇語法即可。
支援哪些 Sass 功能？
編譯器使用官方 Dart Sass 引擎，變數、巢狀、混入、@include、函式、@use、@extend、@if/@each 等控制指令以及壓縮輸出樣式全部支援。
如何得到壓縮後的 CSS？
在編譯前把輸出樣式下拉選單切換為「壓縮」，編譯時會去除空白和行尾分號，產生體積最小的樣式表。
為什麼錯誤訊息會顯示行號？
當程式碼有語法錯誤時，Sass 引擎會報告解析失敗的確切行號和欄號，工具會把錯誤顯示在輸出區域上方，方便快速定位修復。
我的 Sass 程式碼會被上傳到伺服器嗎？
不會。完整的 Dart Sass 引擎隨頁面一起載入，編譯完全在瀏覽器本機進行，樣式程式碼不會離開你的裝置，即使是私人專案也可以放心使用。
能編譯本機檔案的 @import 嗎？
不能。編譯器只處理記憶體中的單段程式碼，無法存取檔案系統，因此基於檔案的 @import 和外部 partial 的 @use 無法解析。
離線可以使用嗎？
可以。頁面和編譯器載入完成之後，編譯完全在你的機器上進行，不需要任何網路連線。
編譯結果怎麼使用？
點擊輸出下方的按鈕即可複製編譯後的 CSS，或下載為 style.css，然後在 HTML 中引用，或貼進專案樣式表。
如何使用Sass 轉 CSS
這個編譯器在瀏覽器內執行官方 Dart Sass 引擎。貼上 SCSS 或縮排式 Sass 即可立刻得到乾淨的 CSS——支援變數、混入、巢狀與函式，資料不上傳。
- 把 Sass 或 SCSS 貼到輸入框，或點擊「範例」載入一個包含變數與混入的可執行示範。
- 在下拉選單中選擇語法（SCSS 或縮排式 Sass）與輸出樣式（展開或壓縮）。
- 開啟即時編譯後，輸入的同時即時輸出 CSS；也可以手動點擊「編譯」。
- 若有語法錯誤，輸出上方會顯示確切的行號與錯誤訊息，方便快速修正。
- 使用輸出下方的「複製」或「下載」按鈕，把編譯後的樣式表存成 style.css。
選擇「壓縮」輸出樣式可直接取得壓縮後的樣式表，非常適合直接用於正式環境。
相關工具
- CSS格式化工具 即時格式化和美化CSS程式碼，將壓縮的CSS轉換為可讀的、縮排良好的程式碼，支援自訂選項。
- CSS壓縮器 免費線上CSS壓縮工具。即時壓縮和最佳化CSS程式碼，移除空白、註解和多餘字元。減小檔案體積，提升網頁載入速度。
- CSS 漸層產生器 視覺化建立精美 CSS 漸層。產生支援多色標、自訂角度和位置的線性、徑向和錐形漸層。即時複製可投入生產的 CSS 程式碼。
- CSS Flexbox產生器 視覺化CSS Flexbox產生器,即時預覽。調整Flex屬性,即時取得可用的CSS程式碼。
- Chmod 計算器 免費線上chmod計算器，透過核取方塊視覺化Linux檔案權限並計算chmod值。即時轉換數字(755, 644)和符號(rwxr-xr-x)表示法，支援setuid、setgid、sticky bit等特殊權限。
- ASCII碼表 完整的ASCII字元編碼參考表，包含十進位、十六進位、八進位、二進位編碼、HTML實體和字元描述。支援即時搜尋和篩選。
- HTTP 請求測試 在瀏覽器中直接測試 REST API。發送 GET、POST、PUT、DELETE 請求，自訂請求標頭、請求體和查詢參數，即時查看回應狀態、標頭和 JSON 內容。
- .htaccess產生器 產生Apache .htaccess規則，包括重新導向、重寫、安全標頭、快取、壓縮等。