 |
Definition von Style Sheets im Dokumentenkopf
"Eingebettete Style-Sheets"
- Das Style-Sheet wird typischerweise aber nicht zwingend
im <HEAD>-Teil des Dokuments eingefügt. Die Defintion
erfolgt mit dem <STYLE>-Tag. Ein Aufruf für CSS
könnte lauten:
<STYLE TYPE="text/css">
<!--
BODY,UL,LI{font-family:verdana,helvetica,arial;font-size:10pt;color:#000000;background-color:#eff6ef}
TD TT{background-color:#ddffdd;font-family:"courier
new",monospace;font-size:11pt;color:#449944}
-->
</STYLE> |
- mehr ist nicht zu tun, für die per Style-Sheet
konfigurierten Tags wird die verlangte Formatierung übernommen
(falls der Browser sie akzeptiert.) Ansonsten gelten die
im Browser voreingestellten Formate. Bei einander widersprechenden
Formatierungsanweisungen wird jeweils die letzte übernommen.
Die Kommentarklammern sind für ganz doofe Browser
bestimmt, damit die nicht etwa noch den Text der Style-Anweisungen
anzeigen.
Import von Style-Dateien
Es gibt einen speziellen Importbefehl namens @import
in CSS, der es erlaubt, die im Kopf vorzunehmenden Style-Festlegungen
durch allgemeinere Vorschriften, die etwa für die ganze
Site gelten, zu ergänzen. Angelegt werden diese Dateien,
wie im Fall externer Style-Sheets üblich. Diesem Befehl
ist lediglich die URL der hinzuzuladenden Style-Datei zu
übergeben. Beispiel:
<STYLE TYPE="text/css">
<!--
@import url(bilder/allgemein.css);
TD{background-color:#ddffdd;font-family:"courier
new",monospace;font-size:11pt;color:#449944}
-->
</STYLE> |
Definition von Styles im Dokumentenkörper
Wenn innerhalb des Dokumentenkörpers zur Formatierung
auf die Möglichkeiten zurückgegriffen werden soll,
die nur eine style-Sprache wie CSS bietet, dann kann die
Definition für einen Bereich, wie er mit dem <DIV>-Tag
definiert wird, erfolgen.
- Zur Sicherheit sollte im Dokumentenkopf eingetragen
werden, daß man die Nutzung von Styles mit ihrer
CSS-Sprache beabsichtigt.
Ein Eintrag wie
<STYLES TYPE="text/css"></STYLE>
kann wenigstens nicht schaden.
- Man nutzt das STYLE-Attribut zu <DIV>, dabei entfallen
diesmal die geschweiften Klammern. Ein Aufruf könnte
nun lauten:
| <DIV STYLE="font-size:2.5mm;color:#cc6633;border:1cm
groove #FF00FF">Versuchstext</DIV> |
- Alternativ gibt es das <SPAN>-Tag, das anders als
das <DIV>-Tag, den Textfluß nicht unterbricht
und insofern für Formatierungen im laufenden Text
besser geeignet ist. Ein Versuch mit:
| <SPAN STYLE="font-size:4.5mm;color:#cc6633;background-color:#55cc55">überwältigend!</SPAN> |
Die Wirkung ist überwältigend!
|
|
|
DIENSTE
