Startseite | Gästebuch | Kontakt

 

 

2.3. Zuweisung

Wie werden die CSS-Befehle angewendet? Dafür gibt es mehrere Möglichkeiten:

1. Deklaration eines bestehendes HTML-Tags
2. Deklaration einer neuen Klasse, die mehrmals in einer Seite verwendet werden kann
3. Deklaration einer eindeutigen ID (Identifier), die in einer Seite nur einmal verwendet werden kann

Beispiele:

1. h1 {color:red; size:18pt;}
2. .blickfang {color:red; size:10px;}
3. #titel {color:red; size:1.2em;}

Im HTML-Dokument werden die einzelnen Varianten auf die folgende Art eingebunden:

1. Ein HTML-Tag wird automatisch mit der zugewiesenen Formatierung dargestellt.
2. Eine Klasse wird mit dem Attribut class="..." einem Tag zugewiesen.
3. Eine ID wird mit Attribut id="..." einem Tag zugewiesen.

Dabei können einem Selektor mehrere Deklarationen zugewiesen werden, wie auch mehrere Selektoren eine oder mehrere gleiche Deklarationen erhalten können.

Beispiele:

   h1 {font-family:Arial; color:#0000FF; size:large;}
   h1, h2, h3 {font-family:Verdana; weight:bolder;}