EMZETT.CSS gestaltet HTML. Eine Regel besteht aus Selektor und Deklarationen: p { color: blue; }. Du bindest CSS per <link rel="stylesheet" href="stil.css"> ein. Selektoren: Element (p), Klasse (.karte), ID (#kopf). Mehrere Regeln greifen nach Spezifität und Reihenfolge (die Kaskade).
Farben, Schriftarten und Abstände legst du mit Eigenschaften wie color, font-family, margin, padding fest.
body {
font-family: system-ui, sans-serif;
line-height: 1.6;
color: #222;
}
.karte {
background: #f4f4f8;
padding: 1rem;
border-radius: 8px;
}
h1 { color: rebeccapurple; }
a:hover { text-decoration: underline; }Merke
Regel = Selektor + Deklarationen
.klasseund#idals SelektorenDie Kaskade löst Konflikte nach Spezifität
Aufgabe
Gestalte eine Karte mit Hintergrund, Innenabstand und abgerundeten Ecken.