Eingabe
Dein Arbeitsbereich wird vorbereitet…
Anleitung
- CSS einfügen, eine UTF-8-Datei öffnen oder Beispiel laden.
- Einrückung wählen oder CSS minimieren aktivieren und ausführen.
- Ergebnis prüfen und Kopieren oder Herunterladen verwenden.
CSS formatieren oder minimieren
Formatierung erleichtert das Lesen und Prüfen eines Stylesheets. Minimierung entfernt optionalen Leerraum und gewöhnliche Kommentare für eine kleinere Textdarstellung.
Beide Vorgänge parsen die Eingabe. Prettier formatiert; CSSTree erzeugt kompakte Syntax, ohne das gesamte Stylesheet zu optimieren.
Einen Vorgang wählen
Formatieren erzeugt gleichmäßige Einrückung und Zeilenumbrüche. Wähle zwei oder vier Leerzeichen passend zum Projekt.
Minimieren verdichtet gültiges CSS, erhält nötige Abstände und Lizenzkommentare mit Ausrufezeichen. Ein separater Optimierer könnte die Ausgabe weiter vereinfachen.
.card { color: red; padding: 8px; }.card{color:red;padding:8px}Beispiel kompakter Syntax; mit CSS minimieren erhältst du diese Form.
Grenzen der Verarbeitung
Das Tool entfernt keine ungenutzten Selektoren, führt keine Regeln zusammen, schreibt keine Ressourcen-URLs um und lädt keine Imports. Teste das Ergebnis im ursprünglichen Anwendungskontext.
Erwartet wird CSS, kein Sass oder Less. Parserfehler werden angezeigt; nach Eingabe- oder Einstellungsänderungen lässt sich das alte Ergebnis nicht exportieren.
Stylesheet exportieren
Kopieren übernimmt das vollständige aktuelle Ergebnis; Herunterladen speichert styles.css. Beides verändert weder die Quelldatei noch installiert es das Stylesheet im Projekt.
Texteingabe bis 1 MiB. CSS- und HTML-Umwandlungen laufen in einem Worker mit einem Zeitlimit von 30 Sekunden. Farbtools verwenden sRGB; generierte Styles sind Vorschauen und müssen im eigenen Layout getestet werden.
Häufige Fragen
Entfernt Minimierung ungenutztes CSS?
Nein. Sie verdichtet Syntax, ohne HTML oder die Nutzung von Selektoren zu analysieren.
Bleiben Lizenzkommentare erhalten?
Kommentare mit /*! bleiben erhalten, normale Kommentare werden entfernt. Prüfe zusätzliche Hinweispflichten deines Projekts.
Kann ich Sass oder Less einfügen?
Das Tool parst CSS und führt keinen Sass- oder Less-Compiler aus. Kompiliere Präprozessorquellen vorher.
Warum wird Kopieren nach einer Änderung deaktiviert?
Die Ausgabe gehört noch zur vorherigen Eingabe oder Einstellung. Führe den Vorgang für ein aktuelles Ergebnis erneut aus.
Wird mein Stylesheet hochgeladen?
Nein. Parsing und Umwandlung laufen im Browser. Textdateien werden lokal gelesen; Herunterladen erstellt eine neue Ausgabedatei.