 |
|
 |
 |
 CSS-Tutorial |
|
Aufbau
von CSS Befehlen |
Aufbau:
Selektor Deklaration
H1
{COLOR: green} H1
(oder irgend etwas anderes): Selektor - darauf
bezieht sich der zweite Teil, die Deklaration.
{ ... } : Vereinbarung (Declaration), wie was aussehen soll.
Im Beispiel sollen alle Überschriften H1 die Farbe blau bekommen |
Eigenschaften
und Werte:
Die Vereinbarung (Deklaration) besteht aus zwei Teilen: dem Eigenschaftsteil,
wie z. B. Farbe, Größe, und der dazugehörige Wert, wie
rot(Farbe) oder 30 (Größe).
TAG {Eigenschaft: Wert}
|
Vererbung:
Die Deklarationen können vererbt werden. Wird z. B. für das <BODY>-Tag
die Farbe per CSS bestimmt, hat der <LI>-Tag automatisch die gleiche
Farbe, wenn diese dort nicht definiert ist.
|
CSS
im <Head>-Tag:
Nun zur praktischen Umsetzung. Als folgendes Beispiel soll das CSS folgende
Regeln haben:
Zeichensatz soll Garamond sein.
<BODY> Text-Farbe ist grün
Überschrift <H1> ist blau und 18 Punkt groß
Überschrift <H2> ist 14 Punkt groß
<P>-Tag ist 10 Punkt groß
Dazu müssen folgende Zeilen in den <HEAD>- Bereich. <STYLE
TYPE = "text/css">
BODY {FONT-FAMILY: "Garamond", verdana, serif; COLOR: green;}
H1 {FONT-SIZE: 18pt; COLOR:blue;}
H2 {FONT-SIZE: 14pt}
P {FONT-SIZE: 10pt}
</STYLE>
--> Beispiel <--
|
Befehl
direkt im Quellcode:
Direkt im Quellcode wirkt der Befehl nur an dieser bestimmten Stelle der
Seite, so dass man abweichende Designs verwenden kann.
Beispiel:
<h1 style="letter-spacing:25;" >Überschrift</h1>Alle
Buchstaben bis zum Ende von </h1> werden jeweils mit einem Abstand von
25 zwischen den Buchstaben dargestellt. |
|
|
|
|
|
|
|
|
|
