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)
- ...