CSS-Syntax

In CSS bezieht sich die Syntax auf die Regeln, die festlegen, wie CSS-Code geschrieben werden sollte. Das Verständnis der CSS-Syntax ist entscheidend für die Erstellung gut strukturierter und funktionaler Stylesheets. Eine grundlegende CSS-Regel besteht aus einem Selektor und einem Deklarationsblock.

Hier ist eine einfache Aufschlüsselung:

• Selektor: Gibt das HTML-Element an, das Sie formatieren möchten (z. B. p, div, img).
• Deklarationsblock: Enthält eine oder mehrere Deklarationen, die in geschweifte Klammern {} eingeschlossen sind.

• Deklaration: Besteht aus einer Eigenschaft und einem Wert, die durch einen Doppelpunkt : getrennt sind (z. B. color:green;). Jede Deklaration sollte mit einem Semikolon (;) abgeschlossen werden.

• Eigenschaft: Das Stilattribut, das du ändern möchtest (z. B. color, font-size).
• Wert: Der Wert, den du für die Eigenschaft festlegen möchtest (z. B. blue, 16px).

Zum Beispiel:

p {
    color: blue;
    font-size: 16px;
}

In diesem Beispiel ist p der Selektor, der auf alle Absatzelemente abzielt. Der Deklarationsblock enthält zwei Deklarationen: eine, die die Textfarbe auf Blau setzt, und die andere, die die Schriftgröße auf 16 Pixel festlegt.