Ein wichtiges Detail beim Verständnis und der Anwendung von Cascading Style Sheets ist der kaskadierende Aspekt des Namens. Das heißt, wie geht es mit mehreren Regeln für dasselbe Element um? Diese Woche werde ich die Eigenschaften von CSS ausführlich vorstellen und Beispiele geben.
Priorität
CSS-Eigenschaften haben eine höhere Priorität als HTML-Eigenschaften. Sie können HTML-Attribute in Browsern ohne CSS-Unterstützung verwenden, das Hinzufügen von CSS-Unterstützung zum Browser hat jedoch keine Auswirkungen. Bei der Verwendung von CSS ist es wichtig, den Ursprung einer CSS-Regel genau zu verstehen.
Quelle
Bei der Betrachtung der Anwendung von CSS-Regeln gibt es in der Regel zwei Aspekte. Der erste ist der Reader, der dem Benutzer entspricht, der die Webanwendung über seinen bevorzugten Browser anzeigt. Der zweite Aspekt ist der Autor, der eigentliche Webentwickler, der die Webanwendung entwickelt hat.
Die Lesereinstellungen werden vom Benutzer verwaltet, das heißt, er kann eigene Stylesheets entwickeln und diese dann über Browsereinstellungen verteilen. Benutzer des Internetbrowsers IE 6 können beispielsweise über das Menü „Extras | Internetoptionen“ ein Benutzer-Stylesheet angeben, sodass sie ihr eigenes Stylesheet verwenden können. Webentwickler entwickeln ihr eigenes CSS, um Regeln festzulegen und diese auf Webseiten anzuwenden. Gleichzeitig verfügen Browser häufig über integrierte Regeln.
Kaskade
Der kaskadierende Aspekt im Akronym CSS bezieht sich auf den Prozess des Zusammenführens und Überschreibens von Regeln zwischen verschiedenen Quellen. Wenn mehrere Stylesheets gleichzeitig verwendet werden, konkurrieren die von jedem Stylesheet definierten Selektoren miteinander um die Kontrolle. Die folgende Liste gibt die Reihenfolge an, in der Konflikte zwischen Stylesheet-Selektoren gelöst werden, wobei das erste Element das wichtigste ist.
Wichtigkeit: Ist der Selektor als wichtig gekennzeichnet?
Regelquelle: Wo sind die Regeln definiert?
Eigenschaften: Welche Eigenschaften hat die Regel?
Reihenfolge: Was wird zuletzt definiert?