Înfrumusețează CSS cu indentare curată, sau minifică-l pentru a micșora dimensiunea fișierului. Gestionează interogări media, calc() și comentarii de licență.
Cum se folosește Formatator CSS
Lipește CSS-ul tău în caseta de intrare.
Alege Înfrumusețează pentru a-l formata sau Minifică pentru a-l comprima.
Alege dimensiunea indentării, apoi copiază rezultatul.
Acesta este un formatator CSS care înfrumusețează foile de stil cu indentare curată și consistentă sau le comprimă pentru a micșora dimensiunea fișierului. Alegi dimensiunea indentării pentru înfrumusețare și treci la comprimare când vrei cel mai mic rezultat.
Un CSS lizibil este mai ușor de parcurs, revizuit și depanat: când fiecare regulă și declarație este indentată consistent, poți vedea selectorii, imbricarea și forma interogărilor tale media dintr-o privire.
Comprimarea este pentru producție. Elimină spațiile și comentariile de care browserele nu au nevoie, așa că fișierul se descarcă mai repede. La o foaie de stil mare, economia se adună, mai ales înainte de compresia gzip de pe server.
Comprimatorul este atent unde contează. Păstrează spațiile din jurul plusului și minusului din interiorul calc(), așa că calc(100% - 30px) rămâne valid, și elimină doar spațiile din jurul caracterelor structurale precum acolade, două puncte și punct și virgulă. De asemenea gestionează corect interogările media imbricate.
Comentariile de licență scrise în forma /*! ... */ sunt păstrate, ceea ce este convenția standard pentru menținerea notificărilor de drepturi de autor și de licență în rezultatul comprimat, chiar și când comentariile obișnuite sunt eliminate.
Atât înfrumusețarea, cât și comprimarea rulează în întregime în browserul tău, așa că foile tale de stil nu părăsesc niciodată dispozitivul tău. Instrumentul formatează pentru lizibilitate și dimensiune; nu validează că CSS-ul tău este corect.
Întrebări frecvente
Nu. Minificatorul păstrează spațiile din jurul plus și minus din interiorul valorilor, așa că calc(100% - 30px) rămâne valid. Elimină doar spațiile din jurul caracterelor structurale precum acolade, două puncte și punct și virgulă.
Comentariile normale sunt eliminate pentru a economisi spațiu, dar comentariile de licență scrise ca /*! ... */ sunt păstrate, ceea ce este convenția standard pentru păstrarea notelor de copyright.
Nu. Atât înfrumusețarea, cât și minificarea rulează în întregime în browserul tău, așa că foile tale de stil nu părăsesc niciodată dispozitivul.
Încorporează acest instrument
Adaugă acest instrument pe propriul tău site. Copiază fragmentul de mai jos; rămâne actualizat automat.
<iframe src="https://monu.tools/embed/ro/css-formatter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Instrumente similare
Înfrumusețează HTML cu indentare conștientă de blocuri, sau minifică-l. Conținutul din pre, textarea, script și style este păstrat.
Înfrumusețează și aranjează JavaScript cu indentare și spațiere consecvente. Rulează în întregime în browserul tău.
Convertește CSV într-un fișier Excel .xlsx și Excel înapoi în CSV, în întregime în browserul tău. Funcționează în ambele sensuri.
Generează interfețe TypeScript dintr-un eșantion JSON, cu tipuri imbricate, tablouri și câmpuri opționale. Rulează în browserul tău.