CSS Datei strukturieren - Sebamueller.net

CSS Datei strukturieren

16.09.2007 Kategorien: CSS, Coding Tipps

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.

teliad - Der Marktplatz für Textlinks
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;
}


del.icio.us:CSS Datei strukturieren digg:CSS Datei strukturieren blinklist:CSS Datei strukturieren reddit:CSS Datei strukturieren

Kommentar schreiben

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

Über den Blogger

Sebastian Müller bloggt über alles, was ihn im Internet interessiert. Darunter fallen Web 2.0, Online-Marketing, Branchennews, SEO, Tipps & Tricks und vieles mehr...

Werbung



My status XING
Blogverzeichnis - Blog Verzeichnis bloggerei.de
Deutsches Blog Verzeichnis