3. Sitzung
Einleitung
Mehrere HTML Dateien
Kapitel
00:00 - Was wollen wir erreichen
00:33 - Weitere HTML Datei erstellen
01:51 - Die neue Datei mit der HTML Grundstruktur füllen
03:07 - Wie erreiche ich die neue Seite
05:24 - Optional Ordner erstellen um Dateien zu strukturieren
CSS Dateien laden
Kapitel
00:00 - Warum wir CSS auslagern sollten
01:42 - Wie wir eine CSS Datei erstellen
03:14 - Wie wir unsere CSS Datei laden
Klassen und IDs
Kapitel
00:00 - Die Problematik ohne Klassen und IDs
02:08 - Eine Klasse definieren und verwenden
05:10 - Alternativ mehrere Klassen als Bausteine erstellen
07:13 - IDs definieren und verwenden
09:28 - Brauchen wir IDs überhaupt
11:26 - IDs und Klassen zählen
Vernestete Selektoren
Kapitel
00:00 - Was sind Vernestungen
02:28 - Wie wähle ich vernestete Elemente in CSS aus
04:28 - Generelle Vernestung oder direkte Vernestung
05:58 - Mehrfache Vernestung
08:26 - Kombination von Aufzählungen und Vernestung
Schattierungen
Kapitel
00:00 - Welche Schattierungen gibt es
00:56 - text-shadow anwenden
04:14 - Mehrere text-shadow gleichzeitig
05:43 - Umrandung eines Text mit mehreren text-shadow
06:33 - box-shadow anwenden
08:56 - box-shadow nach innen statt nach außen
09:51 - drop-shadow anwenden und Unterschiede zu text- und box-shadow
14:42 - Direkter Vergleich zwischen drop-shadow und box-shadow
CSS Spiele (Sitzungsaufgabe)
Links
CSS Diner (optional) zum Üben von Selektoren Flexbox Froggy (Sitzungsaufgabe) zum Lernen von Flexbox
Kapitel
00:00 - Optionales Spiel um Selektoren zu üben
01:24 - Sitzungsaufgabe Flexbox Froggy
03:53 - Ende