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 the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
