CSS Formátovač
Skrášlite CSS čistým odsadením alebo ho minifikujte pre zmenšenie veľkosti súboru. Spracúva media queries, calc() a licenčné komentáre.
Súvisiace nástroje
Ako používať nástroj CSS Formatter
- 01
Vložte váš CSS do vstupného poľa.
- 02
Vyberte Skrášliť pre formátovanie alebo Minifikovať pre komprimáciu.
- 03
Vyberte veľkosť odsadenia a skopírujte výsledok.
Čo CSS formátovač robí
Toto je CSS formátovač, ktorý skrášli štýly čistým, konzistentným odsadením, alebo ich zmenší na zníženie veľkosti súboru. Vyberiete si veľkosť odsadenia pre skrášlenie a prepnete na zmenšenie, keď chcete najmenší výstup.
Kedy skrášliť a kedy zmenšiť
Čitateľné CSS sa ľahšie prehliada, posudzuje a ladí: keď je každé pravidlo a deklarácia konzistentne odsadené, na prvý pohľad vidíte selektory, vnorenie a tvar vašich mediálnych dopytov.
Zmenšenie je pre produkciu. Odstráni biele znaky a komentáre, ktoré prehliadače nepotrebujú, takže sa súbor stiahne rýchlejšie. Pri veľkom štýle sa úspora sčíta, najmä pred kompresiou gzip na serveri.
Opatrné zmenšovanie s calc() a mediálnymi dopytmi
Zmenšovač je opatrný tam, kde na tom záleží. Ponecháva medzery okolo plus a mínus vnútri calc(), takže calc(100% - 30px) zostane platné, a odstraňuje medzery len okolo štruktúrnych znakov, ako sú zátvorky, dvojbodky a bodkočiarky. Správne zvláda aj vnorené mediálne dopyty.
Licenčné komentáre sa zachovávajú
Licenčné komentáre napísané vo forme /*! ... */ sa zachovávajú, čo je štandardná konvencia na uchovanie oznámení o autorských právach a licencii v zmenšenom výstupe, aj keď sa bežné komentáre odstránia.
Beží vo vašom prehliadači
Skrášlenie aj zmenšenie bežia celé vo vašom prehliadači, takže vaše štýly nikdy neopustia vaše zariadenie. Nástroj formátuje pre čitateľnosť a veľkosť; neoveruje, že je vaše CSS správne.
Často kladené otázky
Rozbíja minifikácia výrazy calc()?
Nie. Minifikátor zachováva medzery okolo plus a mínus vo vnútri hodnôt, takže calc(100% - 30px) zostáva platný. Odstraňuje len medzery okolo štruktúrnych znakov ako zátvorky, dvojbodky a bodkočiarky.
Odstraňujú sa komentáre pri minifikácii?
Bežné komentáre sú odstránené pre úsporu miesta, ale licenčné komentáre zapísané ako /*! ... */ sú zachované, čo je štandardná konvencia pre zachovanie oznámení o autorských právach.
Nahráva sa môj CSS niekam?
Nie. Skrášlenie aj minifikácia bežia úplne vo vašom prehliadači, takže vaše štýly nikdy neopustia vaše zariadenie.