Zum Inhalt springen

4. CSS-Grundlagen

Zu Zen-Modus wechseln
  • CSS einbinden (externe Datei), Selektoren (Element, Klasse, ID), Kaskade in Grundzügen.
  • Box-Modell: margin, border, padding; Farben, Schriften, Abstände.
  • Einfache Layouts (zentrierter Inhalt, Karten), nur so weit, wie es die Übungen brauchen.
  • Trennung von Struktur (HTML) und Formatierung (CSS) als eigenes Thema.
  • DevTools: Styles im Elemente-Tab untersuchen und live ändern.
  • Eine Seite über eine externe CSS-Datei gestalten.
  • Selektoren gezielt einsetzen und das Box-Modell erklären.
  • Styles mit den DevTools untersuchen und Fehler in der Gestaltung finden.
  • Aufgabe 04 - Steckbrief gestalten