關於CSS 格式化
CSS 格式化讓樣式表重新變得好讀:主題自帶的 style.min.css 裡只想改一個顏色,想看看別的網站是怎麼寫佈局的,或者接手的樣式表經過好幾個人修改,寫法五花八門。把 CSS 貼進來或開啟檔案,格式化後的結果隨輸入實時出現,改起來不用在一長串程式碼裡找來找去。要改顏色的話,色碼轉換能給出 HEX、RGB、HSL 各種寫法。
每條宣告單獨一行,冒號後面補一個空格,縮排可選 2 空格、4 空格或 Tab。@media、@supports、@layer 這類巢狀規則會多縮排一層,哪些樣式屬於哪個斷點、哪個條件,一眼就能看清。註釋全部保留,引號裡的字串,比如 content 的值和帶引號的字型名,原樣不動。改完要上線時,再用 CSS 壓縮壓回去。全部在瀏覽器裡處理,樣式表不會上傳,頁面載入後斷網也能用。
CSS 格式化怎麼用
- 1貼上 CSS
貼上樣式程式碼,或開啟本地的 CSS 檔案。
- 2選縮排
選 2 空格、4 空格或 Tab,CSS 格式化結果實時更新。
- 3複製或下載
複製格式化後的 CSS,或下載成檔案。
為什麼用熊仔工匠
- 每條宣告一行
每個屬性單獨一行,冒號後自動加空格。
- 巢狀規則分層
@media、@supports、@layer 裡的規則多縮排一層。
- 註釋、字串不動
註釋保留,引號裡的內容原樣不變。
- 本地執行
不上傳、不佔次數,頁面載入後斷網也能用。