DruckversionZentralisierung
CSS-Experte Peter Müller stellt zwei Kontroll-Stylesheets vor, die Ihnen bei zukünftigen Webprojekten das Leben erleichtern:
Erstens erstellen Sie ein zentrales Stylesheet namens zentrale.css, das die Aufteilung der Styles in einzelne Module ermöglicht, zum Beispiel Kalibrierung der Abstände, Navigation, Bildschirmausgabe und Druckversion.
Zweitens erstellen Sie mit kalibrierung.css ein grundlegendes Stylesheet zur browserübergreifenden Kontrolle der Innen- und Außenabstände. Diese Kalibrierung können Sie unverändert in anderen Webprojekten einbinden.
Diese beiden Techniken bilden zusammen ein stabiles und doch flexibles Fundament für Ihre Webprojekte.
Beispieldateien
Zum Üben und Selbermachen stehen Beispieldateien bereit. Das zip-Archiv enthält zwei Ordner: In "basis" finden Sie die Übungsdateien, mit denen Sie unmittelbar anfangen können zu arbeiten. Dem Ordner "fertig" entnehmen Sie, wie das Ganze am Ende aussehen sollte: Download Beispieldateien (.zip, 29 KB)
"Eines sie zu binden" - ein zentrales Stylesheet
Wenn ein Stylesheet mehrere hundert Zeilen lang wird, verliert man leicht den Überblick, überschreibt unabsichtlich weiter oben definierte Einstellungen und landet so im Chaos der Kaskade.
Eine mögliche Antwort auf dieses Problem ist - frei nach dem Motto "teile und herrsche" - anstelle eines großen Stylesheets mehrere kleinere zu erstellen, die mit Hilfe eines zentralen Stylesheets in die Webseiten eingebunden und verwaltet werden. In den HTML-Dateien wird nur das zentrale Stylesheet eingebunden.
Grafisch dargestellt sieht dieser Vorgang ungefähr so aus:
