Formátovač CSS
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.
Související nástroje
Jak používat nástroj Formátovač CSS
- 01
Vložte své CSS do vstupního pole.
- 02
Zvolte Zkrášlit pro naformátování nebo Minifikovat pro stlačení.
- 03
Zvolte velikost odsazení a poté zkopírujte výsledek.
Co formátovač CSS dělá
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.
Kdy zkrášlit a kdy minifikovat
Č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.
Opatrná minifikace s calc() a media dotazy
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 se zachovávají
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í.
Běží ve vašem prohlížeči
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
Poškozuje minifikace výrazy calc()?
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.
Odstraňují se komentáře při minifikaci?
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.
Nahrává se mé CSS někam?
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í.