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
Trennung Inhalt DesignSeitenanfangCSS in HTML einbinden
eBook HTML-Seminar.de
del.icio.usMister Wong         Trennung Inhalt DesignSeitenanfangCSS in HTML einbinden
© 2000-2010 Axel Pratzner • www.html-seminar.de • Stand 22.06.2010
Wir freuen uns über Weiterempfehlungen und Links zu www.html-seminar.de