Das Dokument beschreibt die Verwendung von CSS-Klassen für die Gestaltung von HTML-Elementen, insbesondere h1-Überschriften, in gebundene und ungebundene Klassen. Gebundene Klassen beziehen sich auf spezifische Selektoren und definieren Eigenschaften wie Farben, während ungebundene Klassen allgemeine Stile darstellen. Es werden Beispiele für die Definition und Anwendung von Klassen gegeben.

1. CSS Eigene Stilklassen

2. Bezug zu Selektor (&quot;gebundene Klasse&quot;) h1 . gruen { color : green; } h1 . rot { color : red; } <h1 class=&quot;gruen&quot;>Grüne Überschrift</h1> ... <h1 class=&quot;rot&quot;>Rote Überschrift</h1> ... selektor . klassenname { Definition }

3. Kein Bezug zu Selektor (&quot;freie/ungebundene Klasse&quot;) . gruen { color : green; } . winzig { font-size : 8px; } <h1 class=&quot;gruen&quot;>Grüne Überschrift</h1> ... <h1 class=&quot;winzig&quot;>Kleine Überschrift</h1> ... . klassenname { Definition } Punkt nicht vergessen!