Was dieses Werkzeug tut
Aus minifiziertem oder verheddertem CSS wird lesbares CSS.
a{margin:0 auto;--x:1px}@media print{a{color:#000}}a {
margin: 0 auto;
--x: 1px
}
@media print {
a {
color: #000
}
}Eine Deklaration je Zeile, eine Einrückungsstufe je Verschachtelungsstufe, eine Leerzeile zwischen den Regeln der obersten Ebene. Die Einrückung ist eine Option: zwei Leerzeichen als Vorgabe, vier, wenn das Ihr Hausstil ist.
Was er genau so lässt, wie es ist
- Ihre Werte.
#FFFFFFwird nicht zuwhite,0pxnicht zu0, undmargin: 10px 10px 10px 10pxwird nicht zusammengefasst. Solche Umschreibungen sind Sache eines Optimierers, und jede einzelne ist ein Urteil über Ihr Stylesheet. - Die Reihenfolge. Deklarationen und Regeln kommen in der Reihenfolge heraus, in der Sie sie geschrieben haben. In CSS ist die Reihenfolge die Bedeutung: bei gleicher Spezifität gewinnt die letzte Regel.
- Ihre Kommentare. Sie behalten ihren Platz, über der Regel oder am Zeilenende, denn dafür wurden sie geschrieben.
Es ist kein Prüfer
a { color: reda {
color: redDie fehlende Klammer kommt fehlend zurück. Ein Formatierer liest, was Sie ihm geben, und setzt es; er sagt Ihnen nicht, ob ein Browser es annähme. Das schneidet nach beiden Seiten: ein Stylesheet mit Syntaxfehler wird trotzdem aufgeräumt, was beim Finden des Fehlers hilft, und ein aufgeräumtes Ergebnis beweist nichts über die Gültigkeit. Dafür nehmen Sie die Entwicklerwerkzeuge des Browsers oder einen Linter wie Stylelint.
Die Gegenrichtung
Der CSS-Minifizierer dieser Seite macht die Rückreise: er nimmt den Leerraum weg, den dieses Werkzeug hinzufügt, lässt Zeichenketten, den Inhalt von url() und Lizenzkommentare unangetastet und rührt Ihre Werte genauso wenig an. Formatieren zum Lesen, minifizieren zum Ausliefern — dasselbe Stylesheet, zwei Gestalten.
Datenschutz ab Werk
Alles läuft lokal in deinem Browser mit JavaScript. Deine Daten werden nie hochgeladen, wodurch das Tool auch für sensible Inhalte sicher ist und offline funktioniert.