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.