Webmaster-Crashkurs

Klassen-Selektor

Klassen-Selektor

Beim Klassen-Selektor kommt man weg von dem direkten Binden des Design an HTML-TAGs und definiert Klassen.

Dem zu formatierenden HTML-TAG wird die Klasse zugewiesen und diese Klassen werden im der CSS mit dem entsprechenden Design definiert.

In der CSS-Datei steht:

.farbe1 { color: red; }

In der HTML wird der HTML-TAG um das Attribute class="Klassennamen" erweitert.

In der HTML-Datei steht dann:

<h1 class="farbe1">

Vorteil Klassen-Selektor

Der Klassen-Selektor kann unabhängig vom HTML-TAG verwendet werden und verschiedenen HTML-TAGs zugewiesen werden, z.B.

<h1 class="farbe1">
<strong class="farbe1">

Unterschied Typ- und Klassen-Selektor

Unterscheid Typ- und Klassen-Selektor

Aufgabe: Textmarker erstellen über CSS

Erstellen Sie folgende abgebildete Ausgabe. Dabei sind die Hervorhebungen von beiden Stellen „Stelle im Text“ und „Textmarker“ mit dem HTML-TAG <strong> realisiert. Die unterschiedlichen Farben werden über CSS-Klassen angegeben.

Aufgabe Textmarker über CSS

HTML5-Video-Kurs:
hier klicken für
mehr Informationen
© 2008-2020   •   www.webmaster-crashkurs.de - HTML5 Tutorial mit VideosImpressumDatenschutzerklärung
weitere eigene Projekte: