Zkrášlete CSS s čistým odsazením, nebo ho minifikujte pro zmenšení velikosti souboru. Zvládá media queries, calc() a licenční komentáře.
Jak používat nástroj Formátovač CSS
Vložte své CSS do vstupního pole.
Zvolte Zkrášlit pro naformátování nebo Minifikovat pro stlačení.
Zvolte velikost odsazení a poté zkopírujte výsledek.
Tohle je formátovač CSS, který zkrášlí styly čistým, konzistentním odsazením, nebo je minifikuje, aby zmenšil velikost souboru. Vyberete velikost odsazení pro zkrášlení a přepnete na minifikaci, když chcete nejmenší výstup.
Čitelné CSS se snadněji prochází, reviduje a ladí: když je každé pravidlo a deklarace odsazená konzistentně, vidíte selektory, vnoření a tvar svých media dotazů na první pohled.
Minifikace je pro produkci. Odstraní bílé znaky a komentáře, které prohlížeče nepotřebují, takže se soubor stáhne rychleji. U velkého souboru stylů se úspora sčítá, zejména před gzip kompresí na serveru.
Minifikátor je opatrný tam, kde na tom záleží. Ponechá mezery kolem plus a minus uvnitř calc(), takže calc(100% - 30px) zůstane platné, a odstraňuje mezery jen kolem strukturálních znaků, jako jsou složené závorky, dvojtečky a středníky. Také správně zachází s vnořenými media dotazy.
Licenční komentáře psané ve tvaru /*! ... */ se zachovávají, což je standardní konvence pro zachování oznámení o autorských právech a licenci v minifikovaném výstupu, i když se běžné komentáře odstraní.
Zkrášlení i minifikace běží celé ve vašem prohlížeči, takže vaše styly nikdy neopustí vaše zařízení. Nástroj formátuje kvůli čitelnosti a velikosti; nevaliduje, že je vaše CSS správné.
Často kladené otázky
Ne. Minifikátor zachovává mezery kolem plus a minus uvnitř hodnot, takže calc(100% - 30px) zůstane platné. Odstraňuje jen mezery kolem strukturálních znaků jako složené závorky, dvojtečky a středníky.
Běžné komentáře se pro úsporu místa odstraní, ale licenční komentáře zapsané jako /*! ... */ se zachovají, což je standardní konvence pro zachování oznámení o autorských právech.
Ne. Zkrášlení i minifikace běží výhradně ve vašem prohlížeči, takže vaše styly nikdy neopustí vaše zařízení.
Vložit tento nástroj
Přidejte tento nástroj na svůj web. Zkopírujte úryvek níže, automaticky zůstává aktuální.
<iframe src="https://monu.tools/embed/cs/css-formatter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Související nástroje
Zkrášlete HTML s odsazením podle bloků, nebo ho minifikujte. Obsah prvků pre, textarea, script a style se zachovává.
Zkrášlete a upravte JavaScript s jednotným odsazením a mezerami. Běží výhradně ve vašem prohlížeči.
Převeďte CSV na soubor Excel .xlsx a Excel zpět na CSV, zcela ve vašem prohlížeči. Funguje v obou směrech.
Generujte rozhraní TypeScriptu ze vzorku JSON, s vnořenými typy, poli a volitelnými poli. Běží ve vašem prohlížeči.