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.
Ako používať nástroj CSS Formatter
Vložte váš CSS do vstupného poľa.
Vyberte Skrášliť pre formátovanie alebo Minifikovať pre komprimáciu.
Vyberte veľkosť odsadenia a skopírujte výsledok.
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.
Č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.
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 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.
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
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.
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.
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.
Vložiť tento nástroj
Pridajte tento nástroj na svoju webovú stránku. Skopírujte úryvok nižšie, automaticky zostáva aktuálny.
<iframe src="https://monu.tools/embed/sk/css-formatter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Súvisiace nástroje
Skrášlite HTML s odsadením zohľadňujúcim blokovú štruktúru alebo ho minifikujte. Obsah pre, textarea, script a style je zachovaný.
Skrášlite a upravte JavaScript s konzistentným odsadením a medzerami. Beží úplne vo vašom prehliadači.
Konvertujte CSV na súbor Excel .xlsx a Excel späť na CSV priamo vo vašom prehliadači. Funguje v oboch smeroch.
Generujte TypeScript rozhrania zo vzorky JSON s vnoreným typmi, poľami a voliteľnými poľami. Beží vo vašom prehliadači.