| |
| Einbettung von Style-Sheets in HTML-Dokumente |
Es sehen drei Möglichkeiten für die Verknüpfung von Style Sheets mit HTML-Dokumenten zur Verfügung:
- Durch Definition eines individuellen Style Sheets für ein Element
- Im Kopfabschnitt (<head>) eines HTML-Dokuments mit dem <style>-Tag.
- Durch ein verlinktes externes Style Sheet für das aktuelle HTML-Dokument.
Individuelle Style Sheets
Nicht komfortabel aber einfach ist die Methode der Erweiterung Ihrer HTML Tags mit individuellen Style Sheets. Das entspricht in etwa dem Vorgang, wenn in einem DTP-Programm eine Formatvorlage lokal überschrieben wird. Um ein lokales Style Sheet zu erstellen, wird das Attribut style verwendet. Das Attribut style steht für die meisten Elemente wie Absätze, Überschriften, Tabellen, Auszeichnungen von Zeichen usw. zur Verfügung.
Jeder Tag lässt sich mit speziellen Formatangaben versehen, die direkt auf den markierten Text wirken. Die Erweiterung eines Paragraphen (<p>) sieht dann beispielsweise wie folgt aus:
<p style="font-size: 12pt; font-family: Arial">Beispieltext</p>
So sieht's aus
Der Browser stellt den Text in einer Schriftgröße von 12 Punkt und in der Standardschriftart Arial dar. Sollte diese nicht vorhanden sein, kommt eine beliebige andere Schrift ohne Serifen an die Reihe, denn die Eigenschaft sans-serif besagt, dass eine Schrift der Schriftenfamilie "sans-serif" (Dies steht für serifenlose Schrifttypen wie z.B. Arial, Helvetica oder Verdana) dargestellt wird, wenn die eigentlich gewünschte Schrift nicht vorhanden ist. Schriften werden in späteren Kapiteln näher erläutert. |
|
 |
|
|
