3.7.1 Formatierung von <body>
- 1 Allgemein
- 2 Beispiele
- 3 Hintergrundfarbe (background color)
- 4 Schriftfarbe
- 5 Schriftart (font-family)
- 6 Schriftgrösse (font-size)
- 7 Aussenabstand (margin)
- 8 Innenabstand (padding)
⇧ 1 Allgemein
Body-Tag mit CSS-Datei formatieren
-
Webdesign Wolfgang Winkelbauer
de Body-Tag mit CSS-Datei formatieren
⇧ 2 Beispiele
↑ a) Diese Webseite
body {
position:absolute;
background:#FFFFFF;
color:#000000;
font-family:Verdana,Helvetica,sans-serif;
font-size:100.1%;
}
Bemerkungen
-
Es ist möglich, dass ursprüngliche Formate geändert wurden, wie zum Beispiel die Grösse der Schriften.
-
Stylesheet dieser Webseie: ../../styles/allgemein.css.php
↑ b) Hompage von Louis Brandenberger
html, body {
background:#751000;
font-family:Verdana,Helvetica,sans-serif;
font-size:100.1%;
color:#000;
margin:0;
padding:0;
padding-bottom:6px;
}
-
Louis-Homepage
de
Homepage
Stylesheet
⇧ 3 Hintergrundfarbe
Bemerkungen
-
Im Stylesheet kann für den ganzen Hintergrund eine Farbe angegeben werden.
-
Beispiel: In der Homepage von Louis ist der Hintergrund mit #751000 angegeben.
-
Achtung: Der W3C-Validator bemängelt color-Definition wenn nur die Hintergrundfarbe oder nur die Schriftfarbe angegeben werden.
Es müssen immer beide angegeben werden.
Die Hintergrundfarbe kann aber auch mit "transparent" angegeben werden.
Farben:
Hintergrund- und Schriftfarbe
⇧ 4 Schriftfarbe
Die Normalfarbe für die Schrift ist sicher "schwarz". d.h.: color:#000
Farben:
Hintergrund- und Schriftfarbe
⇧ 5 Schriftart (font-family)
Im vorliegenden Dokument ist angegeben: Verdana,Helvetica,sans-serif
Wenn auf dem Anwendersystem Verdana nicht verfügbar ist, wird automatisch Helvetica verwendet und wenn diese auch nicht vorhanden ist, wird eine andere, serifenlose Schrift verwendet.
Schriftzeichen:
Schriftart (font-family)
⇧ 6 Schriftgrösse (font-size)
Angabe: 100.1%.
Erklärung: siehe folgede Websites:
-
Turski
de
"em" nicht nur für Schriftgrössen!
Stylesheet
Turski gibt dazu eine Tabelle: Schriftgrösse in em und Schriftgrösse in Anzahl Pixel.
Schriftzeichen:
Schriftgrösse (font-size)
⇧ 7 Aussenabstand (margin)
Turski gibt in seinem Stylesheet einen Aussenabstand wie folgt an: margin:7px
(d.h. oben, rechts, unten und links).
In diesem Fall darf aber nicht vergessen werden,dass Linien,
die ganz links beginnen sollen, wie folgt im Stylesheet zu formatieren sind:
hbr { margin-left:-7px; }.
HTML:
Aussenabstand margin
⇧ 8 Innenabstand (padding)
Louis Brandenberger verwendet in seiner Homepage: padding-bottom:6px
HTML:
Innenabstand padding