Begriffe Grundgerüst Wichtige HTML-Tags CSS Arbeitsaufträge

CSS Syntax

Die Syntax von CSS hat folgenden Aufbau: Zuerst wird festgelegt, welches HTML-Element formatiert werden soll (selector), danach folgt die Eigenschaft (property) und schliesslich der Wert (value). Jede Eigenschaft (property) wird mit einem Strichpunkt (;) abgeschlossen. Der Strichpunkt muss geschrieben werden!

Unten siehst du zuerst ein generisches Beispiel und dann ein Beispiel zum Heading h1. In diesem Fall wird der Hintergrund des h1 auf blau, die Schriftfarbe auf weiss, die Schriftgrösse auf 20 Pixel und die Textausrichtung auf Zentrierung gesetzt. Wie das aussieht, folgt anschliessend an den Code.

selector {
  property1: value;
  property2: value;
  property3: value;
}

h1 {
  background-color: blue;
  color: white;
  font-size: 20px;
  text-align: center;
}