Embelleix CSS amb un sagnat net o minifica-lo per reduir la mida. Gestiona media queries, calc() i comentaris de llicència.
Com fer servir Formatador CSS
Enganxa el teu CSS al quadre d'entrada.
Tria Embellir per formatar-lo o Minificar per comprimir-lo.
Tria la mida del sagnat i copia el resultat.
Aquest és un formatador de CSS que embelleix els fulls d'estil amb un sagnat net i consistent, o els minifica per reduir la mida del fitxer. Tries la mida del sagnat per embellir, i canvies a minificar quan vols la sortida més petita.
El CSS llegible és més fàcil d'examinar, revisar i depurar: quan cada regla i declaració està sagnada de manera consistent, pots veure els selectors, l'anidament i la forma de les teves consultes de mitjans d'un cop d'ull.
Minificar és per a producció. Elimina l'espai en blanc i els comentaris que els navegadors no necessiten, així que el fitxer es baixa més ràpid. En un full d'estil gran l'estalvi s'acumula, especialment abans de la compressió gzip al servidor.
El minificador té cura on importa. Manté els espais al voltant de més i menys dins de calc(), així que calc(100% - 30px) es manté vàlid, i només elimina els espais al voltant de caràcters estructurals com les claus, els dos punts i els punts i coma. També gestiona correctament les consultes de mitjans niades.
Els comentaris de llicència escrits en la forma /*! ... */ es conserven, que és la convenció estàndard per mantenir els avisos de drets d'autor i de llicència a la sortida minificada fins i tot quan s'eliminen els comentaris ordinaris.
Tant embellir com minificar s'executen completament al teu navegador, així que els teus fulls d'estil mai no surten del teu dispositiu. L'eina formata per a la llegibilitat i la mida; no valida que el teu CSS sigui correcte.
Preguntes freqüents
No. El minificador conserva els espais al voltant de més i menys dins dels valors, de manera que calc(100% - 30px) segueix sent vàlid. Només elimina els espais al voltant dels caràcters estructurals com claus, dos punts i punts i comes.
Normal comments are removed to save space, but license comments written as /*! ... */ are kept, which is the standard convention for preserving copyright notices.
No. Tant l'embelliment com la minificació s'executen íntegrament al teu navegador, de manera que els teus fulls d'estil mai no surten del teu dispositiu.
Incrusta aquesta eina
Afegeix aquesta eina al teu propi lloc web. Copia el fragment de sota; es manté actualitzat automàticament.
<iframe src="https://monu.tools/embed/ca/css-formatter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Eines relacionades
Embelleix HTML amb sagnat conscient dels blocs o minifica-lo. Es conserva el contingut de pre, textarea, script i style.
Embelleix i formata JavaScript amb sagnat i espaiat coherents. S'executa completament al teu navegador.
Converteix CSV a un fitxer Excel .xlsx i Excel a CSV, completament al teu navegador. Funciona en tots dos sentits.
Genera interficies de TypeScript a partir d'un exemple JSON, amb tipus imbricats, arrays i camps opcionals. S'executa al teu navegador.