Zu Beginn eine gute Nachricht, denn genau genommen haben Sie sogar schon eine Druckversion. Um Papier zu sparen, drucken Sie zum Testen die Beispielseiten nicht jedes Mal aus, sondern betrachten sie einfach in der DRUCKVORSCHAU des Browsers, die Sie irgendwo im Menü DATEI finden:

Abbildung 10.2: Genau genommen gibt es schon eine Druckversion

In der Druckvorschau zeigt der Browser die Beispielseiten ungestaltet, komplett ohne CSS. So sehen sie zwar nicht hübsch aus, passen sich aber den Gegebenheiten beim Ausdruck flexibel an, sodass rechts am Rand nichts vom Text fehlen wird.

Ein Blick in den HTML-Quelltext der Beispielseiten zeigt, warum das so ist:

<link href="bildschirm.css" rel="stylesheet" type="text/css" media="screen" />

Das Attribut media definiert, für welche Medien das Stylesheet gilt. media="screen" beschränkt die Gestaltung auf den Bildschirm. Das bisher erstellte Stylesheet bildschirm.css wird also vom Browser für den Ausdruck der Webseite nicht verwendet.