|
Cascading Style Sheets, kurz CSS,
enthalten Formatierungsvorschriften für einzelne
Elemente eines XHTML-Dokuments.
Wie Ihnen in den vorangegangenen Lektionen sicher
schon aufgefallen ist, sind CSS in XHTML sehr
wichtig. Viele der Attribute, die Sie vielleicht
aus HTML gewohnt waren, sind in streng konformem
XHTML nicht mehr erlaubt, darunter so essentielle
Attribute wie align zur Ausrichtung
von Text und bgcolor für Hintergrundfarben
(vgl. Nicht erlaubte Elemente
und Attribute). Anstelle der nicht mehr erlaubten
HTML-Attribute setzen Sie in XHTML CSS-Regeln
ein.
Jede CSS-Regel besteht aus einem Selektor
und einer oder mehreren Deklarationen.
Jede Deklaration besteht aus einer Eigenschaft
und einem oder mehreren Werten.
Syntax:
Selektor {
Eigenschaft: Wert;
Eigenschaft: Wert Wert Wert;
Eigenschaft: Wert, Wert, "Wort a Wort b";
/* Eigenschaft: Wert; */
}
- Der Teil zwischen den geschweiften Klammern
ist die Deklaration bzw. Deklarationen.
- Nach dem Namen der Eigenschaft steht ein Doppelpunkt
(:).
- Jede Deklaration endet mit einem Semikolon
(;).
- Mehrere gleichzeitig anzuwendende Werte für
eine Eigenschaft werden nacheinander ohne Kommas
geschrieben.
- Mehrere alternative Werte für eine Eigenschaft
werden durch Kommas (,) getrennt.
- Werte, die Leerzeichen enthalten, werden in
Anführungszeichen geschrieben.
- Kommentare stehen zwischen /* und
*/
Tipp:
CSS funktioniert in Netscape Navigator 4 nur,
wenn JavaScript aktiviert ist.
Netscape Navigator 4 wendet viele Style-Eigenschaften
nicht an. Setzen Sie deshalb nur solche CSS-Eigenschaften
ein, die alle Browser zuverlässig umsetzen
oder wenigstens schadlos ignorieren.
Weiterführendes Material:
Mit unserer Stylesheet-Test-Seite
können Sie überprüfen,wie Ihr Browser
Style-Eigenschaften umsetzt.
In der CSS-Referenz
sehen Sie eine Zusammenstellung der gebräuchlichsten
Style-Eigenschaften und der Werte, die sie annehmen
können.
In Ressourcen
im WWW finden Sie mehr zu CSS.
|
