Webdesign - Webseiten planen, gestalten - Free-Hack Library

CSS
div.imContainer {
border: inherit;
}
Das „C“ in CSS steht für „cascading“, zu deutsch kaskadierend.
Dass es namensgebend für die Stylesheets ist, zeigt deutlich, dass
es sich dabei um ein wichtiges Konzept handelt. Das Konzept der
Kaskade ermöglicht es, dass mehrere Stylesheets zusammenwirken
können, parallel, nacheinander, selbst dann, wenn sie konkurrierende
Regeln enthalten.
Das Browser-Stylesheet wird als Erstes auf die Website angewandt.
Darin stehen bestimmte Regeln, die sich zum größten Teil an die
Initialwerte der CSS-Empfehlung anlehnen, aber auch teilweise
von ihnen abweichen. Jeder Browser bringt Standardeinstellungen
mit, die sich alle leicht voneinander unterscheiden. So erzeugt
z. B. Opera den Abstand des Elements zum Rand der
Anzeigefläche mit der Eigenschaft padding, während Gecko und
der Internet Explorer hierfür margin verwenden. Um den Abstand
zu entfernen, müssen Webautoren daher beiden Eigenschaften
den Wert 0 zuweisen und damit zwei unterschiedliche Browser-
Stylesheets überschreiben. Browser-Stylesheets werden von den
User-Stylesheets überschrieben.
Bei User-Stylesheets handelt es sich um Stylesheets, die der Benutzer
des Browsers festlegen kann, um bestimmte Vorlieben durchzusetzen,
etwa eine bestimmte Schriftgröße oder eine Kombination
aus Vorder- und Hintergrundfarben. All diese nutzerspezifischen
Einstellungen überschreiben die generellen Einstellungen im
Browser-Stylesheet.
Bei Autoren-Stylesheets handelt es sich um die Stylesheets, die
Sie als der Entwickler der Website bereitstellen. Sie überschreiben
die User-Stylesheets. Alle vom Autor eingebundenen Stylesheets
kaskadieren zu einem Gesamtstylesheet, wobei externe CSS-
Anweisungen von internen überschrieben werden, diese wiederum
durch style-Anweisungen direkt im HTML-Tag. Das heißt konkret:
Je näher sich die Anweisung am HTML-Element befindet, desto
mächtiger ist sie.
Das Schlüsselwort !important kennzeichnet eine Deklaration
als wichtiger gegenüber einer vergleichbaren Deklaration ohne
dieses Schlüsselwort. Die Deklaration einer zusammenfassenden
Eigenschaft (zum Beispiel background) als !important ist äquivalent
zur Deklaration aller ihrer untergeordneten Eigenschaften
als !important. Hieraus ergibt sich folgende Kaskadierung von
unwichtig zu wichtig:
Browser-Stylesheet > User-Stylesheet > Autoren-Stylesheet >
Autoren-Stylesheet !important > User-Stylesheet !important
Das letzte Wort hat also im Endeffekt immer noch der Benutzer,
wenn er das !important-Schlüsselwort verwendet.
TECHNISCHE
GRUNDLAGEN
4
81