Wie wird eine CSS-Datei sinnvoll aufgebaut?
Im Grunde ist es mehr oder weniger egal
Das Ergebnis am Bildschirm wird immer dasgleiche bleiben.
ABER, um die Suche bei ev. Änderungen zu erleichtern, ist es sinnvoller der Datei eine Struktur zu geben. Gerade bei langen Dateien kommt man sonst leicht ins Schleudern. Zudem entspricht eine “logische” Abfolge der Browserabfrage.
Ich halte im übrigen nichts davon, die Styles in mehrere Dateien aufzuteilen.
Ohne Konzept geht gar nichts! Zuerst wird gründlich überlegt, was per CSS definiert werden soll, welche Grundstruktur für den Aufbau der Webseite benötigt wird und welche Teile davon eine weitere Formatierungsanweisen benötigen werden.
Bei der Umsetzung geht man am besten “der Reihe” nach vor.
- Grundaufbau (der Containerboxen) nach Anordnung, Abständen, Größe, Farbe, Rahmen etc. Im Allgemeinen sind dies ausschließlich Identifizierungsattribute.
- Danach kommen allgemeine Attribute, die das gesamte Layout bzw. die gesamte Typografie betreffen wie Schrift, Links, Listen, Tabellen, Elemente
- Nun kommt die Feinabstimmung zu den einzelnen Abschnitten, wobei am besten wiederum der Reihe nach vorgegangen wird - Kopf, linke Spalte, Hauptteil, rechte Spalte, Fusszeile.
- alle Regeln gut sortieren und eventuell zusammenfassen
Zur besseren Übersicht innerhalb der Datei noch ein paar Tipps:
…den ganzen Beitrag lesen »