Die body-Farbe festlegen
(Auszug aus "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" von Rachel Andrew & Dan Shafer)
In der Regel legt man keine color-Eigenschaft für das body-Element fest. Die Standardeinstellung in jedem modernen Browser erzeugt schwarzen Text auf weißem Hintergrund. Für die meisten Grundlayouts ist das so auch völlig in Ordnung. Sie müssen jedoch damit rechnen, dass manche Benutzer die Vorgabeeinstellungen für die Hintergrundfarbe in ihrem Browser geändert haben. Bei ihnen werden die Seiten dann mit dieser Hintergrundfarbe angezeigt. Manche Designer stellen in ihrem Browser als Gedächtnisstütze eine grelle Farbe ein, damit sie die Hintergrundfarbe in ihren CSS-Dateien nicht vergessen.
Wenn Sie eine Textfarbe für Ihre gesamte Seite definieren wollen, können Sie dafür einfach folgende Stilregel anlegen:
body {
color: red;
}
Ich rate Ihnen jedoch gleich davon ab, so vorzugehen, denn für die Definition von Farben mit CSS gilt grundsätzlich:
Immer wenn Sie eine Vordergrundfarbe festlegen, müssen Sie auch eine Hintergrundfarbe festlegen! Ein Stylesheet mit nur einem von beiden ist unvollständig.
Wenn Farben auf einer Seite eingesetzt werden sollen, dann nicht nur für einzelne Elemente, sondern möglichst auch für alle kombinierten und angrenzenden Elemente. Sie können ja nicht wissen, ob ein Benutzer in seinen Voreinstellungen zum Beispiel eine bestimmte Hintergrundfarbe festgelegt hat, vor dem sich Ihre sorgfältig ausgesuchte Textfarbe schlecht präsentiert. Wenn sie gar auf eine Browsereinstellung stößt, die dieselbe Farbe für den Hintergrund verwendet, erscheint Ihre Seite ohne Inhalt.
Wollen Sie also mit color eine Vordergrundfarbe festlegen, kombinieren Sie sie immer mit einem Wert für background-color.
body {
color: white;
background-color: maroon;
}
Wenn Sie für body oder ein anderes Element eine Farbe definieren, sollten Sie immer daran denken, dass diese Eigenschaft durch Vererbung auch für die untergeordneten Elemente gilt – inklusive Überschriften, Absätzen und Listen. Es sei denn, Sie überschreiben dafür die Eigenschaft mit anderen Stilregeln.
<< zurück | vor >> |
Tipp der data2type-Redaktion: Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright © 2006 der deutschen Übersetzung dpunkt.verlag GmbH
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.
dpunkt.verlag GmbH, Ringstraße 19, 69115 Heidelberg