WebWork

MaleBln.de

CSS - Generator

Die Ausgabe erfolgt, für den Programmierer in einer gut lesbare Formatierung der CSS-Datei,

body{
background:#303030;
font:62.5% "Trebuchet MS", Verdana, Futura, Arial, Helvetica, sans-serif;
color:#000;
margin:0;
}

#page{
background:#303030;
overflow:hidden;
}

#content{
min-width:95%;
text-align:left;
margin:0 30px;
}

aber sie wird durch die vorhandenen Leerzeichen, Zeilenumbrüche sowie Kommentare dennoch größer als sie sein müsste.
Dem Browser ist es egal ob der Programmierer seine CSS-Datei gut lesen kann.
Möchte man nun seine CSS-Datei noch weiter optimieren sollte man also noch alle Umbrüche und Leerzeichen verschwinden lassen, sowie die eventuell vorhandenen Kommentare entfernen.
Am Ende würde also der ganze CSS-Code in nur einer Zeile stehen.

body {background:#303030; font:62.5% “Trebuchet MS”, Verdana, Futura, Arial, Helvetica, sans-serif; color:#000; margin:0; } #page { background:#303030; overflow:hidden; } #content { min-width:95%; text-align:left; margin:0 30px; }
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

CSS Formatter and Optimiser

(based on csstidy 1.3)

Language: English Deutsch French

Important Note: Your code should be well-formed. This is no validator which points out errors in your CSS code. To make sure that your code is valid, use the W3C Validator.

CSS Input:


Code Layout:
id="template" name="template" style="margin-bottom:1em;">

Options

Preserve CSS

Sort Selectors (caution)

Sort Properties


Compress colors
Compress font-weight
Lowercase selectors
Case for properties:
None
Lowercase
Uppercase
Remove unnecessary backslashes
Remove last ;
Discard invalid properties

Add timestamp
Output as file


For bugs and suggestions feel free to href="http://csstidy.sourceforge.net/contact.php">contact me.

Comments are closed.