Formattatore CSS

Questo è un formattatore CSS che abbellisce i fogli di stile con un'indentazione pulita e coerente, o li comprime per ridurre le dimensioni del file. Scegli la dimensione dell'indentazione per l'abbellimento, e passi alla compressione quando vuoi l'output più piccolo.

Un CSS leggibile è più facile da scorrere, revisionare e correggere: quando ogni regola e dichiarazione è indentata in modo coerente, puoi vedere selettori, annidamento e la forma delle tue media query a colpo d'occhio.

La compressione è per la produzione. Rimuove gli spazi bianchi e i commenti di cui i browser non hanno bisogno, così il file si scarica più velocemente. Su un foglio di stile grande il risparmio si accumula, soprattutto prima della compressione gzip sul server.

Il compressore è attento dove conta. Mantiene gli spazi attorno a più e meno dentro calc(), così calc(100% - 30px) resta valido, e rimuove gli spazi solo attorno ai caratteri strutturali come parentesi graffe, due punti e punti e virgola. Gestisce correttamente anche le media query annidate.

I commenti di licenza scritti nella forma /*! ... */ vengono preservati, che è la convenzione standard per mantenere gli avvisi di copyright e di licenza nell'output compresso anche quando i commenti ordinari vengono rimossi.

Sia l'abbellimento sia la compressione vengono eseguiti interamente nel tuo browser, quindi i tuoi fogli di stile non lasciano mai il tuo dispositivo. Lo strumento formatta per leggibilità e dimensioni; non convalida che il tuo CSS sia corretto.