Logo Logo
InfoHome Themen Projekte Links Software
Themen
JavaHamster
BlueJ
Java
HTML
XHTML
CSS
Stile definieren
Stile einbinden
Klassen definieren
Unterklassen
Pseudo-Formate
Eigenschaften
Einheiten
Aufgaben
XML
Datenbanken
MySQL
Theoretische Informatik
PHP
Kara
Lego-Roboter
Algorithmen

Klassen definieren

Stile können nicht nur für HTML-Tags verwendet werden, sondern auch für Klassen, mit denen unabhängige Formate definiert werden können.

Klassen können sowohl in internen als auch in externen Stilregeln verwendet werden. Die Syntax bleibt dabei gleich.

So sieht eine Klassendefinition aus:

.gross { font-size: 20pt; }

Eine Klasse wird immer von einem Punkt eingeleitet. Direkt dahinter folgt der Name der Klasse und dann in geschweiften Klammern die Definitionen. Hier noch einige Klassendefinitionen für verschiedene Schriftfarben:

.rot { color: #ff0000; }
.grün { color: #00ff00; }
.blau { color: #0000ff; }

Klassen verwenden

Die definierten Klassen werden mit dem Attribut class auf ein HTML-Tag angewendet:

<p class="rot">Ein rote Überschrift</p>

Die Klasse "rot" wird auf das <p>-Tag angewendet.

Es ist wichtig, dass der Punkt, der die Klassendefinition in der Stilregel einleitet, beim Formatieren des Tags nicht verwendet wird.

» drucken: pdf | html

© 2004-2023 M. Blanke · Ursulaschule · Kleine Domsfreiheit 11-18 · 49074 Osnabrück