CSS 格式化工具

CSS 格式化工具會將被壓縮或空格不一致的樣式表整理為易讀 CSS,統一縮排、大括號、選擇器、聲明、媒體查詢和巢狀 at-rule。

選擇Tab 字元或空格,設定左大括號位於同一行或另起一行,拆分選擇器列表並控制規則間距。字串值、自訂屬性、註解、函式和 data URL 會經過正常解析,不使用可能破壞內容的正則替換。

“壓縮”會移除不必要的 CSS 空白,但不重組規則;“優化並壓縮”還可以合併和重排相容的 CSS,以獲得更小結果。CSS 格式化和壓縮均在瀏覽器本機運行。如需處理 SCSS 變數、巢狀、mixin、函式和其他 SCSS 語法,請使用 SCSS 格式化工具 來處理變數、巢狀規則、mixin、函式及其他 SCSS 語法。

CSS 格式化常見問題

如何在本頁面格式化程式碼?

將程式碼貼上到左側編輯框或載入檔案,選擇需要的選項,然後點選格式化。在右側檢查結果後,可以複製或儲存。

為什麼格式化時可能出錯?

輸入內容需要符合所選語言或語法。請檢查未完成的語句、不匹配的括號或引號,以及與輸入不符的方言或模式,然後重新格式化。

程式碼格式化器是怎樣工作的?

程式碼格式化器會按所選語言辨識詞法單元和巢狀結構,再根據一致的規則重新安排縮排、空格和換行。它不會編譯或執行程式,因此格式化結果不能代替正確性或安全性檢查。

這種語言一般推薦使用哪些設定?

Web 項目通常使用 2 個空格、同行左括號、選擇器分行,並在規則之間保留空行。可以控制縮排、括號風格、選擇器和規則換行,並選擇格式化、僅移除空白的壓縮或更深入的有效 CSS 優化。

程式碼格式化工具

格式化與美化 Java、Python、JavaScript、JSON、HTML 等程式碼,統一縮排、空格與換行。

更多工具

JSON 與資料工具

檢視、比較和校驗 JSON,測試 JSONPath,或將資料轉換為 CSV、YAML、XML。

更多工具

表格工具

打開並編輯 CSV 或 Excel 表格、整理表格文字,並將 CSV 轉為 Excel 或 SQL。

Markdown 工具

編寫和預覽 Markdown、渲染 Mermaid 流程圖,並轉換 Markdown、HTML 與表格。

文字工具

對比文字、統計字數和詞頻、排序或替換文字行,還可檢視 DOCX 文字。

音訊轉換與播放

在 MP3、WAV、FLAC 等格式間轉換,播放普通或原始 PCM 音訊,並檢視或編輯中繼資料。

音訊編輯與效果

裁切、合併或拆分錄音,去除靜音與噪聲,調整音量、速度、音調或聲道。

更多工具

語音工具

將音訊轉錄為文字、將文字生成語音,或直接在瀏覽器中錄音。

影片工具

轉換和壓縮影片、裁切或合併片段、調整畫面尺寸、擷取音訊。

更多工具

影片播放與錄製

播放本地或線上影片、錄製螢幕或攝影機,也可把攝影機用作線上鏡子。

PDF 工具

壓縮或合併 PDF、拆分與重排頁面、將頁面轉成圖片,並檢視或比較文件。

更多工具

圖片工具

轉換圖片格式、調整或裁切照片、壓縮檔案、比較圖片,並用 OCR 擷取文字。

更多工具

圖片創作

截圖並美化畫面,將文字做成圖片或 GIF,在白板上繪製,還可生成詞雲和網站圖示。

字幕工具

結合影片預覽編輯 SRT、VTT 字幕,校準時間、轉換格式並管理影片字幕軌。

壓縮檔工具

開啟 ZIP、7Z、RAR 或 TAR 壓縮檔,選擇要解壓縮的檔案;也可建立新壓縮檔,並為 ZIP 或 7Z 設定密碼。

編碼與解碼工具

編碼或解碼 Base64、Base32,轉義 URL、HTML 和 Unicode 文字,並檢視 JWT 內容。

更多工具

數字工具

在二進位、十進位和十六進位之間換算,將數字寫成英文,或把文字轉為二進位。

計算器

計算百分比和分數,彙總統計資料,還可計算成績、折扣和長寬比。

時間工具

顯示線上時鐘、執行倒計時或秒錶,並計算日期、年齡與時區差異。

網路工具

檢視 IP 與 IPv6 連接、檢查 HTTP 請求或 HAR 檔案,並計算 CIDR 地址範圍。

單位換算

換算長度、重量、溫度、資料儲存等單位。

顏色工具

轉換 HEX、RGB、HSL 色值,從圖片擷取顏色、檢查對比度,或用純色畫面測試顯示器。

QR Code 與條碼

生成和辨識二維碼、條碼,包括網址和 Wi-Fi 網路的二維碼。

開發與安全工具

生成雜湊值、UUID 和密碼,測試正規表示式、創建 URL 別名,並檢查檔案權限。

更多工具

實用工具

檢視螢幕解析度與更新率、用螢幕尺測量、測試按鍵,或使用提詞器。

遊戲

玩一局簡單的瀏覽器小遊戲“砸金蛋”,稍作休息。