CSS Datei strukturieren
Ich bin wieder da und habe endlich ein bisschen Zeit zum Bloggen gefunden. Heute geht es um CSS. Viel Spaß
Wenn es um große CSS Dateien geht, ist eine gute Strukturierung ein Muss. Jeder sollte sich eine eigene Methode angewöhnen, da man so am besten und schnellsten arbeiten kann. Heute möchte ich mal meine vorstellen.
Um in allen Browsern gleiche Standardeinstellung zu schaffen muss man zuerst margin und padding auf 0px setzen. So hat man eine gute Ausgangslage.
margin: 0px;
padding: 0px;
}
Ich ordne immer folgendermaßen: Zuerst HTML-Tags, 2. Links und 3. IDs und Klassen. Die IDs und Klassen teile ich immer in Bereiche wie z.B. Header, Footer und Content.
************************************
************************************
HTML TAGS **************************
html {
margin: 0px;
padding: 0px;
background: #666666;
}
************************************
************************************
LINKS ******************************
a {
color: #666666;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
************************************
************************************
IDs AND CLASSES ********************
/* Header */
#header {
width: 950px;
}







Kommentar schreiben