1.9 Stylesheets für verschiedene Ausgabemedien

Problem

Sie wollen für verschiedene Ausgabemedien (Druck, Bildschirmausgabe, PDAs, Vorlesegeräte etc.) eigene Stylesheets definieren.

Lösung

Erstellen Sie mehrere externe Stylesheets für die verschiedenen Medientypen, und benennen Sie diese nach ihrem Verwendungszweck, z.B. print.css, screen.css und handheld.css. Danach benutzen Sie das Element link und erweitern dies um den Medientyp, um das entsprechende Stylesheet zu laden. Eine weitere Möglichkeit besteht in der Verwendung einer @media-Regel.

Hier sehen Sie den Inhalt der Datei print.css:

body {
 font: 10pt times, georgia, serif;
 line-height: 120%
}

Eine neue Datei mit dem Namen screen.css:

body { font: 12pt verdana, arial, sans-serif; line-height: 120% ...

Get CSS Kochbuch now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.