HTMLCSSJavaScriptIndexRoadmapImpressum

Grundlegende CSS-Syntax

Aufbau einer CSS-Regel

Eine CSS-Regel besteht aus einem Selektor und einer oder mehreren Eigenschaften mit passenden Werten.

Allgemeiner Aufbau einer CSS-Regel

1selektor {
2    eigenschaft: wert;
3}

Beispiel:

CSS-Beispiel

1p {
2    color: blue;
3    font-size: 18px;
4}

Dieses Beispiel färbt alle Absatz-Elemente blau und setzt die Schriftgröße auf 18 Pixel.

  • p → Selektor für alle Absatz-Elemente
  • color → Eigenschaft für die Textfarbe
  • blue → Wert der Eigenschaft
  • font-size → Eigenschaft für die Schriftgröße
  • 18px → Wert der Schriftgröße
  • Jede Eigenschaft endet mit einem Semikolon ;

Im nächsten Kapitel lernst du: CSS Kommentare