
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.