Mit den immer höheren Anforderungen moderner CSS-Sites werden auch die Stylesheets immer unübersichtlicher. Man fängt irgendwann an sich ein halbgares System zu entwickeln, welches aber nie 100% durchdacht wird.

Peter Müller von akademie.de hat jetzt einen Styleguide für CSS-Stylesheets entwickelt, der dem ein Ende bereitet.

Besonders interessant finde ich die Einrückung von Kindelementen. Hier ein Beispiel:

#navi {
    background: #fff url('../images/navi-textur.gif');
    height: 51px;
    width: 829px;
}
    #navi ul {
        margin:1px 0 0 20px;
    }
        #navi ul li{
            width: 113px;
            height: 50px;
        }

Ich habe nun Eric Meyers Resetscript in Peter Müllers Formatierung portiert und mir so eine gesunde Grundlage für ein sauberes und übersichtliches Stylesheet geschaffen.

Da ich gerne mit SIFR arbeite, habe ich die dazugehörigen Styles gleich mit eingebaut. Immer wieder gern genutzte Scripts, wie z.B. Lightbox, binde ich für die Flexibilität lieber als eigenes CSS ein.

CSS-DEFAULT-SCRIPT ANSEHEN