Media Queries

Übungsaufgaben zu den CSS-Grundlagen: Selektoren, Box-Modell und Layout für Mitfahrgesuche

Übungen zu den CSS-Grundlagen rund um die Mitfahrgesuche des Mitfahrlabors: Du benennst die Bestandteile einer Regel, ordnest Selektoren Elementen zu, sagst mit der Spezifität vorher, welche Regel gilt, berechnest Maße mit dem Box-Modell, gestaltest eine Liste von Gesuchen mit Flexbox, findest den Fehler in einer Media Query für einen hochkant montierten Monitor und prüfst Farbkontraste nach WCAG 2.2.

CSS-Grundlagen: Webseiten gestalten mit Selektoren, Box-Modell, Flexbox und Grid

CSS legt fest, wie eine Webseite aussieht: Schriften, Farben, Abstände und die Anordnung der Bereiche. Am Beispiel der Abfahrtsanzeige für einen Flurmonitor lernst Du, wie Du ein Stylesheet einbindest, Elemente mit Selektoren auswählst und vorhersagst, welche Regel sich durchsetzt. Du berechnest Maße mit dem Box-Modell, wählst passende Einheiten und Farben mit ausreichendem Kontrast und baust ein Layout mit Flexbox und Grid, das sich per Media Query an einen hochkant montierten Monitor anpasst.