Webdesign - Webseiten planen, gestalten - Free-Hack Library

Abb. 4.5.4a: Auswirkungen des Stylesheets auf
das -Element
104
Schritt für Schritt zur HTML-Seite mit Stylesheet
4.5.4 Schritt 4: -Element formatieren
Nachdem der HTML-Quelltext so weit fertiggestellt ist, kann das
Stylesheet in Angriff genommen werden. Das -Tag enthält
die grundlegenden Designelemente der Website, wie den Hintergrund,
die Standardschriftart, -größe, Farbe usw.
body {
font-family: Georgia, serif;
font-size: 2ex;
color: #404040;
background-image:url(images/tiles1.gif);
margin: 0px;
padding: 0px;
}
4.5.5 Schritt 5: Der umgebende Container
Der umgebende Container bringt die Seite „in Form“ und positio niert
sie. Mit nur wenigen Zeilen erhält die Seite nun ein Aussehen, das
dem gewünschten Ergebnis bereits sehr ähnlich sieht. Mit margin:
0px auto; wird der den gesamten Inhalt umfasende Container
am oberen Rand ausgerichtet und horizontal zentriert.
#container {
margin: 0px auto;
width:56em;
background-color: #ffffff;
padding: 1.5em;
}