Angabe Arbeitsblatt1
div Overlay
Dokument
Lösung zu Beispiel1
Angabe Arbeitsblatt2
div Overlay Mit Bild Und Hover
Dokument
Lösung zu Beispiel2
Angabe Arbeitsblatt3
Bildstreifen
Dokument
Merklisten
Tipps und Tricks zu CSS3
In diesem Workshop lösen die Schüler drei Beispiele mit CSS. Die Beispiele sind anschauliche Übungen und zeigen gängige Ausschnitte auf einer Homepage.
Schnellübersicht
Schulstufe(n)
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
Kompetenzen
4.9 Ich kann CSS-Code lesen und manuell erstellen.
Lernziele
- Die Schüler können position: relative und position: static anwenden.
- Die Schüler können mit CSS3 Transparenz anwenden.
- Die Schüler können mit CSS3 beim :hovern opacity anwenden.
Anmerkungen
Anhand von drei Beispielen lernen die Schüler den Einsatz von CSS.