HTML & CSS Tutorial für Anfänger

Klassen kann man im Prinzip so verwenden wie IDs nur, dass sie nicht nur ein einziges Mal sondern beliebig oft auf einer Seite verwendet werden können. Wenn ihr also eine Regel für mehrere Paragraphen verwenden möchtet, jedoch nicht auf alle Paragraphen verwenden möchtet, dann macht das folgendermaßen:


<!doctype html>
<html>
	<head>
		<title>
		Erste Seite
		</title>

		<style type="text/css">
			p.beispielKlasse{background-color:red; color:green}
			.beispielKlasse2()
		</style>

	</head>
	<body>
		<p class='beispielKlasse'>Text mit Klassenstyle</p>
		<p> Einfacher Text</p>
		<p class='beispielKlasse'>Mehr Text mit Klassenstyle</p>
	</body>

</html>

Regeln für Klasse macht man also so:

Tag für den die Regel verwendet werden soll + Punkt + Name{Regelinhalt}

Wenn die Klasse jedoch nicht nur für einen Bestimmten Tag funktionieren soll, dann lässt man das weg:


<style type="text/css">
		.beispielKlasse2{background-color:yellow; color:red}
</style>

Diese Klasse lässt sich nun für alle unsere Bekannten Tags verwenden, ist somit nicht nur auf Paragraphen beschränkt.

Vorherig IDs und Span

Nächste Div

Kostenlos

Stylen mit Klassen