CSSRegeln

CSSRegeln sind die zentrale Einheit von Cascading Style Sheets (CSS) und beschreiben, wie HTML-Elemente dargestellt werden sollen. Eine CSS-Regel besteht aus einem Selektor und einem Deklarationsblock. Der Selektor bestimmt, auf welche Elemente die Regel angewendet wird, zum Beispiel Elementnamen wie p, Klassen wie .example, IDs wie #header, Attribut-Selektoren wie [type="text"] oder Pseudo-Klassen wie :hover. Der Deklarationsblock enthält eine oder mehrere Deklarationen im Format Eigenschaft: Wert;, eingerahmt durch geschweifte Klammern, z. B. p { color: blue; font-size: 16px; }.

CSS-Regeln können in externen Stylesheets, in einem Style-Element im HTML-Dokument oder direkt als Inline-Stile definiert werden. Mehrere Selektoren lassen sich durch Kommas trennen, um dieselbe Deklaration auf verschiedene Elemente anzuwenden. Eigenschaften haben unterschiedliche Werte, die von der CSS-Spezifikation festgelegt sind, darunter Farbcodes, Maßeinheiten, Schriftarten und Layout-Eigenschaften.

Der Umgang mit CSS-Regeln erfolgt durch den Cascading-Mechanismus. Die maßgeblichen Faktoren sind die Spezifität des Selektors, die Reihenfolge der Regeln im Stylesheet und die Herkunft der Regel (Browser-Standardwerte, vom Autor definierte Styles, Benutzereinstellungen). Wichtige Konzepte sind außerdem Vererbung bestimmter Eigenschaften auf untergeordnete Elemente und die Möglichkeit, mit der Direktive !important deren Priorität zu erhöhen.

Für Responsive Design verwenden Entwickler Media Queries, z. B. @media (max-width: 600px) { ... }, um Regeln abhängig von Eigenschaften des Ausgabegeräts anzuwenden. CSSRegeln ermöglichen so flexible, konsistente und wartbare Styleszenarien im Web.