5 - Body und Container mit CSS formatieren

Platziere den Cursor direkt auf dem Element <body>
Mit Menu >Navigation >Schnell bearbeiten (Ctrl+E) öffnest du das Eingabefenster für die CSS-Stile
Formatiere zuerst das Body-Element:
- Textfarbe (Dunkelgrau): color:#4c4c4c;
- Hintergrundfarbe (Hellgrau): background:#c1c1c1;
- Schriftfamilien: font-family: Arial,sans-serif;
- Platziere den Cursor direkt auf dem Element <div id="container" >
Formatiere den Container:
- Hintergrund (Weiss): background:#ffffff;
- Breite: width:500px;
- Aussenabstand (auf allen seiten gleich): margin:auto;
Speichere deine Datei

Mit Klick auf den Button "Live-Vorschau" kannst du deine Seite im Browser öffnen

Weiter, CSS-Selektoren - präzise Angaben zum Formatieren

Code-Beispiel CSS (Der Html-Code bleibt unverändert)

body {
    color:#4c4c4c;
    background: #c1c1c1;
    font-family: Arial,sans-serif;
}

#container {
    background:#ffffff;
    width:500px;
    margin:auto;
}