Pemercantik CSS percuma
Kemaskan CSS yang telah dikecilkan dengan inden yang konsisten, atau kecilkan CSS. Pilihan menyusun sifat mengikut abjad untuk perbandingan perubahan yang lebih mudah dijangka.
Lepaskan fail di sini, atau klik untuk semak imbas
CSS Β· diproses pada peranti anda
atau tekan Ctrl+V untuk menampal daripada papan keratan
Output akan muncul di siniβ¦Kegunaan biasa
- Sahut CSS PengeluaranLihat CSS yang diminiikan dari tapak pengeluaran dalam format boleh dibaca untuk mencari dan reka bentuk songsang gaya.
- Penguatkuasa Gaya CSS PasukanJalankan CSS yang diserahkan pasukan melalui beautifier yang konsisten supaya diffs mengenai kandungan, bukan pemformatan.
- Format CSS Awalan VendorCSS awalan vendor (keluaran autoprefixer) selalunya mempunyai banyak varian -webkit-, -moz-, -ms-. Format untuk pemeriksaan.
- Belajar dari Pro CSSKaji CSS dari sistem reka bentuk terkenal dengan memformat keluaran mereka yang disusun.
- Format CSS untuk Laporan PepijatApabila menyerahkan pepijat CSS, CSS yang diformat jauh lebih mudah bagi pengulas untuk dibaca dan difahami.
Cara ia berfungsi
Alat ini memformat CSS menggunakan penghurai rekursif tulisan tangan dibina terus ke dalam halaman β tiada pustaka pihak ketiga, tiada panggilan pelayan. Penghurai melalui CSS anda aksara demi aksara, mengendalikan dengan betul rentetan bertanda petik, nilai url(), at-rules bersarang, dan komen yang akan mengelirukan pendekatan berasaskan-regex lebih ringkas.
- 1Penokenan tahap-aksaraFungsi walkCss mengimbas input mentah satu aksara pada satu masa, menjejaki state petikan dan kedalaman kurungan supaya koma bertitik atau kurungan kerinting di dalam url(), nilai rentetan, atau komen tidak pernah tersalah anggap sebagai pemisah struktur.
- 2Pemisahan blok dan pengisytiharanApabila pengimbas menjumpai kurungan kerinting pembuka tahap-atas, ia mengekstrak prelude (pemilih atau kata kunci at-rule) dan memproses badan blok secara rekursif β yang mungkin sendiri mengandungi peraturan bersarang (@media, @supports, penyarangan CSS asli) dikendalikan pada kedalaman rekursi lebih dalam.
- 3Pengisihan sifat dan indenPengisytiharan dalam setiap blok dikumpulkan ke dalam larian, kemudian secara pilihan diisih mengikut abjad mengikut nama sifat sebelum ditulis dengan lebar inden pilihan (2 atau 4 ruang). Mod minify melangkau ruang putih sepenuhnya dan membuang komen.
- 4Output dalam-pelayar serta-mertaHasil muncul semasa anda menaip melalui hook useMemo β tiada apa dihantar ke mana-mana. CSS yang diformat atau diminify boleh disalin ke papan keratan atau dimuat turun sebagai fail .css, dan panel menunjukkan perbezaan saiz berbanding asal.
Alat berkaitan
Pemercantik & Pemampat HTML
Cetak cantik atau mampatkan HTML dengan inden bersarang yang betul. Memelihara kandungan di dalam blok <pre>, <script>, <style>.
Pemformat & Pemercantik SQL
Cetak cantik pertanyaan SQL dengan inden yang betul, kes kata kunci yang boleh dikonfigurasi, dan jeda baris pada klausa utama. Berfungsi dengan mana-mana dialek SQL.
Pemampat & Pemformat CSS
Mampatkan CSS untuk mengurangkan saiz fail atau cantikkan CSS yang dimampatkan untuk kebolehbacaan. Segera, dalam pelayar anda.