Auf den hier zu sehenden Seiten habe ich die Möglichkeit eingebaut, für die Bildschirmausgabe
oder zum Drucken verschiedene CSS-Dateien aufzurufen.
Das macht besonders bei bunt gestalteten Seiten den Sinn, daß man den Ausdruck im sparsameren schwarz/weiß-Modus
erledigen kann. Man schreibt alle CSS-Befehle in zwei extra Text-Dateien und bindet diese CSS-Dateien folgendermassen ein:
<link rel="stylesheet" href="bildschirm.css" type="text/css" media="screen"> <link rel="stylesheet" href="drucken.css" type="text/css" media="print">
Das erste Beispiel zeigt die einfache "bildschirm.css":
body { background-color:#005070; color:#FFFFFF; font-family:Verdana; width:90%; } h3 { color:#FF0000; }
Das zweite Beispiel zeigt die einfache "drucken.css":
body { background-color:#FFFFFF; color:#000000; font-family:'Times New Roman'; width:190mm; } h3 { color:#000000; }
Nun wird, je nach Ausgabemedium (Bildschirm oder Drucker) entweder die "bildschirm.css" oder die "drucken.css" verwendet.