clean css - a resource for web designers

Home | About | Why Optimize? | Contact


CSS Formatierer und Optimierer
(basierend auf csstidy 1.1)

Sprache: English Deutsch French

Wichtige Hinweise:

    * die gleichen Selektoren und Eigenschaften werden automatisch zusammengefasst
    * der CSS Code sollte wohlgeformt sein. Der CSS Code wird nicht auf Gültigkeit überprüft. Um sicherzugehen dass dein Code valide ist, benutze den W3C Validierungsservice.



CSS Eingabe: CSS-Code:.tooltip, .green { color:#191; text-decoration: underline; } .tooltip_content{ font: 14px "Trebuchet MS",Verdana,Arial,sans-serif; overflow:hidden; margin:0; padding:0; } .tooltip_content h3 { margin:0; padding:0; } .alphacube_content { overflow:hidden; } /*-- Hier die Tooltips -- */ #modal_container { padding:5px; background-color:#fff; border:1px solid #666; overflow:auto; font-family:"Lucida Grande",Verdana; font-size:12px; color:#cc6600; text-align:left; } #modal_container.test { background-color:#900; color:#fff; padding:30px; text-align:center } #modal_overlay { background-color:#000; } #modal_overlay.test { background-color:#fff; } .tooltip1 { color:#8C8374; font-weight:bolder; } /*-- Ende die Tooltips -- */ CSS von URL:
Code Layout: Komprimierung (Code Layout):
Benutzerdefinierte Vorlage
Optionen Selektoren sortieren (Vorsicht)
Eigenschaften sortieren
Selektoren und Eigenschaften optimieren
0 1 2 (?)
Eigenschaften zusammenfassen (margin,...)
Nur sichere Optimierungen
Farben komprimieren
font-weight komprimieren
Selektoren in Kleinbuchstaben
Groß-/Kleinschreibung für Eigenschaften
Kleinbuchstaben Großbuchstaben
Unnötige Backslashes entfernen
!important-Hack konvertieren
Letztes ; entfernen
Kommentare beibehalten
Ungültige Eigenschaften entfernen
Als Datei ausgeben
Messages

26
    Optimised color: Changed "#cc6600" to "#c60"

Eingabe: 0.914KB, Ausgabe: 0.67KB, Komprimierungsrate: 26.7% (-244 Bytes)

.tooltip,.green {
color:#191;
text-decoration:underline;
}

.tooltip_content {
font:14px "Trebuchet MS",Verdana,Arial,sans-serif;
overflow:hidden;
margin:0;
padding:0;
}

.tooltip_content h3 {
margin:0;
padding:0;
}

.alphacube_content {
overflow:hidden;
}

#modal_container {
background-color:#fff;
border:1px solid #666;
overflow:auto;
font-family:"Lucida Grande",Verdana;
font-size:12px;
color:#c60;
text-align:left;
padding:5px;
}

#modal_container.test {
background-color:#900;
color:#fff;
text-align:center;
padding:30px;
}

#modal_overlay {
background-color:#000;
}

#modal_overlay.test {
background-color:#fff;
}

.tooltip1 {
color:#8C8374;
font-weight:bolder;
}