V1.0    29.12.00
Technix-Doku von LinksRhein
11
Stylesheets
•<link media="print" rel="stylesheet" href="/nadir/initiativ/linksrhein/layout/lr_print.css" type="text/css">
•<link media="screen" rel="stylesheet" href="/nadir/initiativ/linksrhein/layout/lr_screen.css" type="text/css">
•
•Auszug aus dem Stylesheet lr_screen.css:
•
•.Titel {font-weight: bold;
 font-size: 30pt;
 line-spacing: 30pt;
 vertical-align: middle}
•(...)
•.Autor {font-style: italic;
•                    font-weight: bold;
•                    text-align: right}
•...
Um eine Überschrift mit dem Titel-Layout erscheinen zu lassen ist folgende HTML-Syntax nötig:
vgl. Beispieldokument:
Auszug aus dem HTML-Code des Beispieldokuments
<H1 class="Titel">Vielseitiger</H1>
<p class=“Autor">Angelika Bernecker</p>
Stylesheets sind Dateien, die einheitliche Layoutbeschreibungen für zahlreiche HTML-Seiten enthalten. Für unterschiedliche Ausgabegeräte (Drucker=print/ Monitor=screen) können im HTML- Header durch den Verweis auf unterschiedliche Stylesheets unterschiedliche Layout-Vorgaben definiert werden. Die Layout-Definitionen befinden sich hier in den Dateien lr_print.css und lr_screen.css. Wird eine Textzeile mit dem Style von Titel versehen, ist die Darstellung fett (bold), 30 pixel hoch (font-size: 30pt) und hat einen Abstand zur nächsten Zeile von ebenfalls 30 pt. Für die Autorin wird ein kursives, fettes Schriftbild, mit einer Ausrechtung an den rechten Rand definiert.