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