Stylesheets in der Praxis

Von: Peter Müller
Stand: 6. August 2010
Anmelden um Kommentare zu schreiben

CSS: Übersichtlich und strukturiert: Styleguide für Stylesheets

Zum (vorläufigen) Abschluss der Artikelserie zum Umgang mit CSS enthält dieser Beitrag einige Empfehlungen zur effektiven Organisation und Strukturierung von Stylesheets. Wie ausführlich Sie die Vorschläge aus diesem Styleguide für Stylesheets umsetzen, hängt unter anderem vom Umfang des Projektes und Ihrem Ordnungsbedürfnis ab.

Das Beispiel-Stylesheet

Zur Lektüre des Artikels können Sie sich das folgende Stylesheet anschauen:

  • Download eines Beispielstylesheets

Beim Ausdruck werden die ca. 290 Zeilen auf etwa 4 bis 5 DinA4-Seiten verteilt.

Teil I: Der Kommentar am Anfang

Am Dateinamen eines Stylesheets kann man nicht immer erkennen, zu welcher Site es gehört und welchen Zweck es erfüllt. Darum empfiehlt es sich, am Anfang jeder CSS-Datei die wichtigsten Informationen in einem Kommentar festzuhalten. Wie ausführlich dieser Kommentar ausfällt, ist unterschiedlich. Im folgenden zwei Beispiele zur Anregung.

Zunächst die Minimalvariante:

Diese Seite ist für Mitglieder von akademie.de reserviert.

Möchten Sie die Mitgliedschaft 14 Tage kostenlos testen und den Beitrag komplett lesen?

Oder möchten Sie zunächst mehr über diesen Beitrag erfahren und die Leseproben sehen?

Ich bin bereits Mitglied
Jetzt Probemitglied werden
Ich kann in den 14 Tagen Probezeit formlos z.B. per E-Mail stornieren. Wenn ich das nicht tue, entscheide ich mich für ein