Hier werden die Unterschiede zwischen der gewählten und der aktuellen Version gezeigt.
start:info:08_diff:selfhtml-css 02.11.2010 09:01 | start:info:08_diff:selfhtml-css 23.10.2013 10:12 aktuell | ||
---|---|---|---|
Zeile 50: | Zeile 50: | ||
- **Kopiere** folgende Datei in dein "09if"-Verzeichnis und entpacke ihn: [[http://home.arcor.de/kag-alkan/meineHP.zip|meineHP.zip]].\\ \\ **Achtung! Das einzige, was Du verändern darfst, sind die Styles!!!** | - **Kopiere** folgende Datei in dein "09if"-Verzeichnis und entpacke ihn: [[http://home.arcor.de/kag-alkan/meineHP.zip|meineHP.zip]].\\ \\ **Achtung! Das einzige, was Du verändern darfst, sind die Styles!!!** | ||
- Öffne nun die **"index.html"**. Kannst du eine **Struktur** erkennen? | - Öffne nun die **"index.html"**. Kannst du eine **Struktur** erkennen? | ||
- | - Erstelle im **''<head>''**-Teil einen **''<style>''**-Bereich | + | - Erstelle im **''<head>''**-Teil einen **''<style>''**-Bereich //(Tipp: siehe auch obiges Bild)// |
* Gib den selector **"''body''"** gefolgt von einer öffnenden **("''{''")** und schließenden **("''}''")** geschweiften Klammer an. | * Gib den selector **"''body''"** gefolgt von einer öffnenden **("''{''")** und schließenden **("''}''")** geschweiften Klammer an. | ||
* Wir wollen die **Hintergrundfarbe** auf ein helles blau setzen; benutze hierzu die Eigenschaft **"''background-color''"**. Gib sie in die geschweifte Klammer gefolgt von einem **Doppelpunkt ("'':''")**, dem Wert für die **helle blaue Farbe** und einem **Semikolon ("'';''")** ein. | * Wir wollen die **Hintergrundfarbe** auf ein helles blau setzen; benutze hierzu die Eigenschaft **"''background-color''"**. Gib sie in die geschweifte Klammer gefolgt von einem **Doppelpunkt ("'':''")**, dem Wert für die **helle blaue Farbe** und einem **Semikolon ("'';''")** ein. |