1.11 Den Inhalt eines Stylesheets richtig strukturieren

Problem

Sie wollen wissen, wie Sie den Inhalt eines Stylesheets so strukturieren können, dass dieser möglichst leicht zu warten ist.

Lösung

Eine Strukturierung von CSS-Regeln kann erreicht werden, indem die verschiedenen visuellen Elemente einer Webseite zu Gruppen zusammengefasst werden. In der folgenden Liste finden Sie einen Vorschlag für eine mögliche Gruppierungsreihenfolge der Elemente in einem Stylesheet:

  • HTML-Elemente (h1–h6, p, a, Listen, Links, Bilder)

  • Typografie

  • Seitenlayout (Kopfzeilen, Inhalt, Seiten-Navigation, globale Navigation, Subnavigation, Seitenleiste, Fußzeilen)

  • Formulartags (form, fieldset, label, legend)

  • Inhalte (Eintrag, Ereignis, Nachrichten)

Hier sehen Sie die Kommentare ...

Get CSS Kochbuch now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.