Syntax

Die CSS-Syntax hat immer den gleichen Aufbau:

h1 {
  color: red;
  font-size: 5em;
}

• Eine sogenannte Regel wird immer mit dem Selector gestartet, hier h1. Hier wählen wir aus welche Elemente von unserer HTML-Datei wir gestalten möchten.

• Danach kommt immer ein Paar von geschweiften Klammern {}.

• In den Klammern haben wir eine oder mehrere Deklarationen, welche die Form von Property und Value Paaren annehmen. Wir spezifizieren das Property, hier color, vor dem Doppelpunkt und spezifizieren den Value nach ihm, hier red.

Jedes Property kann unterschiedliche Werte annehmen, bspw. Farben oder Grössen.