Die CSS-DateiDie Stylesheet-Datei setzt sich aus der beliebigen Kombinationen von Kommentaren und Regeln (rule) zusammen. CSS-KommentarEin Kommentar wird mit der Zeichenfolge /* eingeleitet und mit der Zeichenfolge */ beendet. Dabei kann der Kommentar ein- oder mehrzeilig sein.
/* Das ist ein Kommentar innerhalb der CSS-Datei */
CSS-RegelEine CSS-Regel setzt sich aus einem Selektor und einer oder mehreren Deklarationen zusammen. Die Syntax hierzu lautet: /* eine Regel: */ Mehrere Deklarationen können druch Semikolon getrennt aufgeführt werden: /* eine Regel mit mehreren Deklarationen: */ Der SelektorDer Selektor definiert, welches Html-Element mit der Regel beschrieben wird (z.B.: H1) Die DeklarationDie Deklaration besteht aus einer Eigenschaft und einem dazugehörigen Wert. Beispiele
Eine Regel für eine H1-Überschrift:
/* Die H1-Überschrift wird in der Farbe grün dargestellt. */
H1 { color: green } Eine Regel für eine H1-Überschrift mit zwei Deklarationen:
/* Die H1-Überschrift wird in der Farbe grün dargestellt, Fontgröße 12 Punkte. */
H1 { color: green; font-size: 12pt } Die Klasse - CLASSBei der Einführung von CSS erhielten alle Html-Elemente innerhalb des body-tags ein zusätzliches Attribut "class". Innerhalb der Stylesheet-Datei können die Attribute einer Klasse definiert werden. In diesem Fall wird der Klassenname als Selektor verwenden. Dabei muss ein Punkt vor den Selektor geschrieben werden.Beispiel
.roteschrift { color : red }
Innerhalb des Html-Dokumentes wird die Klasse dann so verwendet:
<p class="roteschrift">
das ist roteschrift
</p>
Klassen können auch nur ganz bestimmten Html-Elementen zugeordnet werden. Beispiel: Html-Dokument: Css-Datei: Lesen Sie hier weiter: |
 |
|
|
|
|
||
|
|
|||||
|
|
|
|||||
|
||||||