|
Neben den normalen Format-Klassen gibt es eine Reihe von
weiteren Möglicheiten bei der Klassendefinition, die
wenigstens kurz erwähnt werden sollen.
Allgemeine Klassendefinition
Wenn viele Tags in gleicher Weise verändert werden
sollen, läßt sich eine allgemeine Klassendefinition
vornehmen, der Tag-Stellvertreter dafür heißt
überraschenderweise "ALL" und sollte völlig
entfallen, damit man ihn erstens sich nicht merken muß
und zweitens gibt es beim IExplorer das Objekt "all"
und er mag (deshalb?) hier kein "ALL".
Jedenfalls lassen sich Format-Klassen definieren, die dann
für alle Tags anwendbar sind. Dabei lassen sich hier
auch relative Angaben machen. Für Textgrößen
beispielsweise sind %-Angaben möglich, die dann proportionale
Vergrößerung oder Verkleinerung aller Maßstäbe
bewirken.
Beispiele dazu:
.kopf{color:#5533ff;font-style:italic;font-size:280%}
.rote{color:red}
.gelbe{color:yellow}
mögliche Aufrufe:
<H2 CLASS="kopf">Bisschen größer,
aber dafür blau!</H">
<P CLASS="rote">Rote Schrift
<OL CLASS="gelbe"><LI CLASS="gelbe">Liste
etwas unlesbar<...><...></OL> |
Bisschen größer, aber dafür
blau!
Rote Schrift
- Liste etwas unlesbar
Unabhängige Formate
Ganz ähnlich in der Geltung sind sogenannte "unabhängige
Formate". Die werden statt mit "ALL" oder allein dem führenden
Punkt bei der Definition mit einer Raute eingeleitet. Allerdings
unterscheidet sich der Aufruf. Sie werden dem zu formatierenden
Tag nicht mit "CLASS=klassenname" sondern mit "ID=formatname"
zugewiesen und können deshalb gleichzeitig mit einer
Klassenzuweisung auftreten.
#besonders{text-decoration:underline;text-transform:uppercase}
und nun ein Aufruf:
<P CLASS="rote" ID="besonders">Dieser Text ist
besonders schön! |
Dieser Text ist besonders schön!
man sieht, es hat funktioniert!
Bedingte Gültigkeit
Durch eine spezielle Art der Definition kann man eine bedingte
Wirkung von Format-Klassen erreichen. Gemeint ist, daß
z. B. <TT>-Schrift innerhalb von Tabellen
grün sein soll, sonst aber immer rot. Der Aufruf von
<TT> unter der Bedingung, daß er innerhalb
von <TABLE>
erfolgt, wäre so zu definieren:
TT{color:red}
TABLE TT{color:green} |
Das Beispiel ist etwas schwierig
zu realisieren, da hier im Kurs an sich die Teletype generell
grün formatiert ist.
Pseudo-Formate
Sie sollen Formatierungen in Abhängigkeit von etwas
zuordnen. Sie funktionieren im Moment offenbar nur für
einen einzigen Zweck bei allen Browsern, deshalb statt langer
Erläuterungen ein Beispiel:
A:LINK{color:#0000FF; font-decoration:underlined}
A:VISITED{color:#000000}
A:ACTIVE(color:#FF0000}
A:HOVER{color:#FFFFFF} |
Das A-Tag wird mit den nach Doppelpunkt folgenden Angaben
spezifiziert. Diese Angaben sind Schlüsselwörter,
die unterschiedlich eifrig von den Browsern interpretiert
werden. Hier geht es um Links, die noch unbenutzt, bereits
genutzt oder gerade mit gedrückter Maus gewählt
sind. In HTML stehen dafür die Attribute LINK,
VLINK und ALINK zur Verfügung. HOVER
steht für 'Maus über Link' und wird von Netscapes
<5 leider ignoriert. Weitere Pseudo-Formate, die außer
von Netscape <5 erkannt werden, betreffen etwa die erste
Zeile oder den Anfangsbuchstaben eines Absatzes. Hier zulässige
Beispiele:
P:first-line{font-variant:small-caps;font-weight:bold}
P:first-letter{font-size:250%;float:left} |
Beispiele hierzu würden die Formatierung der ganzen
Seite betreffen, ich unterlasse sie deshalb nicht vollständig.
Den geeigneten Browser vorausgesetzt, werden Sie sofort
erkennen, was ich hier gemacht habe.
Ob es eine lange Liste weiterer funktionierender Pseudo-Formate
gibt, werde ich erkunden. (Gleich demnächst!)
| 
DIENSTE
