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.