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.

Angabe Arbeitsblatt1

Lösung zu Beispiel1

Angabe Arbeitsblatt2

Angabe Arbeitsblatt3

Lösung zu Beispiel3

Schnellübersicht

Fächer:

Informatik / IKT, Wirtschaftsinformatik

Erstellt von:

Ronnie Luft

Zeitdauer:

1 UE

 

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.