2. Sitzung
01 - Einleitung
Kapitel
00:00 - Begrüßung
00:55 - Inhalt der Sitzung
02:51 - Erinnerung für Neuankömmlinge
02 - Themenfindung
Kapitel
00:00 - Einleitung
00:34 - Was für ein Thema wird benötigt
02:02 - Mein Thema
03 - Style-Tag
Kapitel
00:00 - Wie sieht meine Seite bisher aus
02:14 - Wo werden wir unser Style-Tag platzieren
02:49 - Style-Tag erstellen
04:20 - Unterschiede innerhalb und außerhalb vom Style-Tag
05:08 - Das Style-Attribut
04 - Einfache Selektoren
Kapitel
00:00 - Ein Tag stylen
03:57 - CSS Struktur im Detail
05:36 - Mehrere Eigenschaften stylen
07:10 - Styles auf mehrere Tags anwenden
08:42 - Verschiedene Styles für verscheidene Tags
05 - Box-Modell
Kapitel
00:00 - Ungleichheiten zwischen Textinhalten
01:45 - Boxen am Beispiel von Twitter
04:21 - Boxen am Beispiel einer Uni-Seite
05:10 - Wie werden die Boxen bei unserer Seite aussehen
06:23 - Erklärung der Boxen auf unserer Seite
09:16 - Grafik vom Box-Modell
10:54 - Abstände mit Padding und Margin
13:33 - Vorgegebene Styles überschreiben
15:44 - Abstände nur an bestimmten Seiten eines Elements
06 - Schriftarten
Ressourcen
Google Fonts - Schriftarten finden
Font Stacks - Vorinstallierte Schriftarten für jedes Betriebssystem
FontJoy - Schriftarten finden, die zueinander passen
Kapitel
00:00 - Schriftart einstellen
02:27 - Vererbung in CSS und HTML Elementen
04:08 - Welche Möglichkeiten haben wir um mehr Schriftarten zu laden
06:25 - Google Fonts für WebFonts
09:43 - Mehrere Styles in Google Fonts auswählen
10:49 - Schriftdicke festlegen
12:29 - Einen Font-Stack benutzen
15:09 - Weitere Font-Stacks
16:46 - Kombinationen finden mit FontJoy
07 - Einheiten
Kapitel
00:00 - Pixel und das potentielle Problem mit Pixeln
02:06 - Schriftpunkte mit der Einheit pt
03:35 - Einheit rem für Größe abhängig der Schriftgröße
06:40 - Mehr rem
07:58 - Einheiten vw und vh abhängig von der Bildschirmgröße
10:34 - Abschluss der Sitzung