Aufbau von CSS Befehlen

Grundlagen des CSS Konzept

CSS ist einfacher als im Allgemeinen angenommen. Es gibt nur ein paar grundlegende Regeln zum Erfolg mit CSS:

Aufbau

	Selektor	Deklaration
Beispiel:	h1	{color: red}
Zusammenhang:	Selektor - darauf bezieht sich der zweite Teil, die Deklaration in den geschweiften Klammern { ... }	Vereinbarung (Declaration), wie was aussehen soll.

Im Beispiel oben werden alle Überschriften h1 nun die Farbe rot 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}

TIPP: Immer die geschwungenen Klammern beachten!

Begriffe um CSS

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.

Cascade:

Es kann mehrere Style Sheets geben, die auch konkurrierend sein können. Wer dann jeweils "gewinnt", hängt von verschiedenen Regeln ab. Das gehört aber zu den Techniken für Fortgeschrittene. So kann z. B. auch ein Design extra für den Ausdruck definiert werden.

vorheriges Kapitel: Trennung Inhalt Design

nächstes Kapitel: CSS in HTML einbinden