Style-Sheets bieten die Möglichkeit, Format-Unterklassen zu definieren. Als Format-Unterklasse wird bezeichnet, wenn man z.B. für Überschriften 1. Ordnung zwei Varianten erzeugt:
Eine mit roter Schrift und eine Variante mit schwarzer Schrift. Bevorzugt eingesetzt werden Format-Unterklassen bei Absatz- und Textgestaltung und Tabellen.
Unterklassen werden gebildet, indem Sie z.B. den Tag notieren, in unserem Beispiel p. Dahinter folgt ein Punkt und dann ein Name für die Unterklasse.
Alternativ dazu können Sie auch das Schlüsselwort "all" benutzen. Dadurch wird eine Unterklasse mit Formatierungen definiert, die man anschließend auf irgendein HTML-Tag anwenden kann.
Man darf auch das Schlüsselwort "all" weglassen. Dann beginnen die Formatdefinitionen mit einem Punkt. Danach folgt der Name der Unterklasse. Im nachfolgend aufgeführten Beispiel wird die Unterklasse "blau" auf diese Weise definiert.
Die Namen hinter dem Punkt sind frei wählbar. Beachten Sie aber bitte, dass die Namen nicht zu lang sind, und keine deutschen Umlaute verwendet werden.
So wird`s gemacht:
Hier der im Head definierte Quellcode:
<style type="text/css">
p.normal {font-size:20 pt; color:black;}
p.gross {font-size:30 pt; color:black;}
p.small {font-size 14 pt; color:black;}
all.gruen {font-size:18 pt;color:green;}
.blau {font-size:20 pt; color:blue;}
</style>
Und im Body sieht das dann so aus:
<p class="normal">
Franz jagt Professoren mit 18 pt grossen, schwarzen Schriften
<p class="gross">
Franz jagt Professoren mit 22 pt grossen, schwarzen Schriften
<p class="small">
Franz jagt Professoren mit 14 pt grossen, schwarzen Schriften
<p class="gruen">
Franz jagt Professoren mit 18 pt grossen, grünen Schriften
<p class="blau">
Franz jagt total blau Professoren
Und da wir jetzt blau und rot schon definiert haben, wenden wir diese Definiton gleich einmal mit
einem anderen Tag an:
<address class="blau">
ergibt:
Raum für Adressen
next