CSS - Einführung
  • HTML und CSS
  • Dokumente konsistent gestalten
  • Browser-Entwickler-Tools
  • CSS referenzieren
  • Optimieren von Bildern und Retina-Displays
  • Relative Pfade
  • Absolute Pfade
  • Hinzufügen von Bildern und Symbolen
  • CSS-Dateien referenzieren
  • Erstellen einer CSS-Datei
CSS - Grundlegende Konzepte
  • CSS-Spezifikationen und das W3C
  • CSS-Syntax und -Terminologie
  • CSS-Werte und -Einheiten
  • Die Farb- und Eigenschaftswerte
  • Typ- und Universalselektoren
  • Klassen- und ID-Selektoren
  • Klasse und ID
  • Nachkommende Selektoren
  • Gruppierungs-Selektoren
  • Vererbung und Spezifität
  • Die Kaskade und die Wichtigkeit
  • Hinzufügen von Farben
  • Pseudoklassen-Selektoren und Links
  • Gestaltung von Links
Das CSS-Box-Modell
  • Einführung in das CSS-Box-Modell
  • Inline, Block und Anzeige
  • Die Eigenschaften des Box-Modells
  • Die Syntax und Verwendung der Box-Eigenschaften
  • Fehlersuche im Box-Modell
  • Padding, Margin und Border
  • Ränder und Layouts
  • Hinzufügen von Inhaltsumhüllungen
  • Rand und Padding
  • Aktualisierung von Hintergrundbildern
  • Negative Randwerte verwenden
  • Mittig ausrichten mit Rand
  • Hinzufügen von Inhaltsumhüllungen
  • Hinzufügen eines Kopfzeilenbildes
CSS-Typografie
  • Typografie für das Web
  • Ändern der Font-Familie
  • Schriftgewicht und Schriftstil
  • Web-Schriften mit @font-face
  • Web-Schriften mit Google Fonts
  • Google-Schriftarten
  • Die Eigenschaft font-size
  • Schrift-Kurzschrift
  • Textdekoration, Textausrichtung und Zeilenhöhe
  • Typografie-Stile
CSS-Layouts mit Float und Position
  • Einführung in float
  • Die Eigenschaften float und clear
  • Float und zusammengeklappter Container
  • Layouts und das Box-Modell
  • Float und Boxmodell fix
  • Position
  • Position und z-Index
CSS-Layouts mit Flexbox und Grid
  • Einführung in Grid und Flexbox
  • Einführung in Flexbox
  • Flexbox: Ausrichtung und Anordnung
  • Flexible Größenanpassung
  • Flexbox-Ausrichtung
  • Einführung in das CSS-Grid
  • Das explizite Raster
  • Das implizite Raster
  • Eigenschaften der Grid-Platzierung
  • Grid-Spalten und Firefox Grid Inspector
Erweiterte CSS-Selektoren
  • Einführung in erweiterte Selektoren
  • Relationale Selektoren: Kombinatoren
  • Aktualisierungen mit Kombinatoren
  • Pseudo-Klassen-Selektoren: Erster und letzter
  • Erweiterte Selektoren
Fluid und Responsive CSS-Layouts
  • Einführung in das Responsive Design
  • Erstellen von flüssigen Layouts
  • Flexible Hintergrundbilder
  • Flexibles Hintergrundbild
  • Einführung in Media-Queries
  • Media Queries, Breiten und Haltepunkte
  • Testen von responsiven Layouts
  • Media Queries und responsives Layout
Lernziele

Nach Abschluss dieses Seminars werden Sie in der Lage sein:

  • Strukturierte und wartbare CSS-Dateien zu schreiben, um Webseiten gezielt zu gestalten.
  • Die wichtigsten CSS-Grundlagen wie Box-Modell, Selektoren und Spezifität sicher anzuwenden.
  • Mit Flexbox und Grid moderne, flexible Seitenlayouts zu erstellen.
  • Typografie und Farbkonzepte gezielt einzusetzen, um Inhalte visuell zu betonen.
  • Webseiten mithilfe von Media Queries für verschiedene Bildschirmgrößen zu optimieren.

Dieses Seminar richtet sich an Einsteigerinnen und Einsteiger sowie an Webentwickler, die ihr CSS-Wissen auffrischen möchten. Nach dem Training beherrschen Sie die Sprache des modernen Webdesigns klar, effizient und ästhetisch. Sie werden in der Lage sein, Websites zu gestalten, die nicht nur funktionieren, sondern begeistern.

Möchten Sie wissen, wie Sie mit wenigen Zeilen Code den Unterschied zwischen Chaos und Klarheit schaffen? In diesem Seminar finden Sie die Antwort.


(Version: 2026-02-13T10:43:51+01:00)