Modul 02
Was ist CSS?
CSS bestimmt das Aussehen: Farben, Abstände, Formen. Derselbe HTML-Inhalt, aber mit CSS komplett anders gestaltet – ohne den Text zu verändern.
CSS
Cascading Style Sheets
- Style Sheets
- Regelwerke ("Stilvorlagen"), die festlegen, wie Elemente aussehen sollen – Farbe, Abstand, Schriftart, Größe und mehr. Losgelöst vom eigentlichen Inhalt in HTML.
- Cascading
- kaskadierend. Mehrere Regeln können auf dasselbe Element zutreffen; klare Regeln entscheiden dann, welche gewinnt – meist die spezifischere oder die zuletzt geschriebene. Diese "Kaskade" gibt CSS seinen Namen.
Kurz gesagt: CSS ist die Sprache, die das Aussehen einer HTML-Seite beschreibt. Dieselbe HTML-Struktur kann mit unterschiedlichem CSS völlig verschieden aussehen – genau das zeigt der Regler rechts.
Hallo Welt
Werkstatt-Regler
Inhalt und Design getrennt
CSS beschreibt, wie HTML-Elemente aussehen sollen – der Inhalt in HTML bleibt dabei unverändert.
Regeln mit Selektoren
Eine CSS-Regel wählt Elemente aus (z. B. per Klasse) und weist ihnen Eigenschaften wie Farbe oder Größe zu.
Die Kaskade
Treffen mehrere Regeln auf ein Element zu, gewinnt vereinfacht gesagt die spezifischere oder die zuletzt geschriebene.