CSS Datei strukturieren

16.09.2007
von Sebastian Müller

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;
}

Social News / Bookmarks

RSS

Hinterlasse eine Antwort

XHTML: Folgende Tags sind erlaubt: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>