MWN1_09 - CSS: Farben

CSS: Farben, WH Hintergründe ...

Vorbereitung:

Wiederholung der Einbindung externer Stylesheets + Definition von Pseudoelementen

Definition von Farben (rgb vs. #): https://www.w3schools.com/css/css_colors.asp
Tipp: mit rgba(...) kann zusätzlich die Transparenz der Hintergrundfarbe eingestellt werden.

WH Hintergründe: https://www.w3schools.com/css/css_background.asp

WH: Was sind Anker, wie werden sie verlinkt ...?

 

html_css4_background.html (Erstellung von 3 DIV-Containern, die über die Klassen "kachel", "mitte" und "fix" formatiert werden):
1. DIV-Container: gekachelte Hintergrundgrafik
2. DIV-Container: fixierte Hintergrundgrafik (die Hintergrundgrafik soll ein "animated GIF" sein)
3. DIV-Container: mittig gestellte Hintergrundgrafik (= Normalfall).

Tipp: Im Style-Bereich können die Eigenschaften für alle DIV-Container festgelegt werden, zB:

  • Rahmen
  • Abstand von rechts und links (margin: 0px 200px 0px 200px oder in Kurzschreibweise margin: 0px 200px)
  • abgerundete Ecken (border-radius: 20px)
  • Schatten (zB box-shadow: 5px 5px 5px 0px #06C;)
  • Element transparent machen (zB opacity: 0.6)
  • ...