1. CSS: Gestaltung, die Webseiten lebendig macht

CSS arbeitet mit Regeln: Sie wählen bestimmte Elemente aus und geben ihnen Eigenschaften wie Farbe, Größe, Abstand oder Position. Wenn mehrere Regeln zusammentreffen, entscheidet die sogenannte Kaskade, welche Vorgabe gilt. Dieses Zusammenspiel macht CSS mächtig, kann aber auch überraschende Ergebnisse erzeugen.

Überprüfe, was du verstanden hast, mit einem kurzen Quiz.

Wende das Gelernte aus der vorherigen Lektion auf reale Probleme an.

Eine gute Webseite muss auf kleinen Smartphones genauso funktionieren wie auf großen Bildschirmen. CSS passt Layouts mit flexiblen Größen, Flexbox, Grid und Media Queries an unterschiedliche Geräte an. Damit werden aus starren Seiten Oberflächen, die sich an ihre Umgebung anpassen.

Überprüfe, was du verstanden hast, mit einem kurzen Quiz.

Wende das Gelernte aus der vorherigen Lektion auf reale Probleme an.

CSS kommt überall dort zum Einsatz, wo Menschen digitale Oberflächen sehen und bedienen: in Blogs, Shops, Web-Apps, Designsystemen und interaktiven Prototypen. Frontend-Entwicklerinnen, Webdesigner und UI-Teams nutzen CSS, um Marken sichtbar zu machen, Bedienung zu erleichtern und zugängliche Oberflächen zu bauen. Eigene Kartenlayouts, animierte Buttons oder ein kleines Designsystem sind greifbare Projekte.

Überprüfe, was du verstanden hast, mit einem kurzen Quiz.

Wende das Gelernte aus der vorherigen Lektion auf reale Probleme an.

Wiederhole dieses Kapitel mit Übungen, die auf deinen Fehlern basieren.