CSS-Klassen benutzen

Nun kann man sich mit CSS-Klassen einen eigenen typografischen Stil zurechtformatieren. Das erfolgt, indem man die in der CSS-Datei definierten Klassen mit span-Tags geklammert im HTML einfügt, z. B. die Klasse „dyas“:

<span class="dyas">...</span>

In unserem Fall haben wir die Klassen in der Datei c_format.css definiert. Hierbei gibt es 4 Gruppen: Textartenklassen, Textgrößenklassen, Überschriftenklassen und Linkklassen. Unsere Klassennamen sind stets 4  Zeichen lang. Man kann das aber auch ganz anders machen. Mit den Klassen gibt es nun vielfältige Gestaltungsmöglichkeiten:

Textartenklassen

Textartenklassen kann man benutzen, um Hervorhebungen im laufenden Text vornehmen.

Klasse warn – Stark hervorgehobener Text: abcdefgh (Warntext)
Klasse dyas – Hervorgehobener Text II: abcdefgh
Klasse tria – Hervorgehobener Text III: abcdefgh
Klasse quad – Hervorgehobener Text IV: abcdefgh
Klasse text – Normaltext: abcdefgh (Nullklasse)
Klasse grey – Zurücktretender Text: abcdefgh
Klasse whit – Stark zurücktretender Text: abcdefgh (Weißtext)

Die Textartenklassen können als thematische Leitfarben weitgehend beliebig eingesetzt werden. Auf einer Seite bitte aber nicht zu viele Textartenklassen einsetzen, sonst wird es schnell zu bunt.

Textgrößenklassen

Soll etwas besonders groß oder besonders klein geschrieben werden, so kann man dies mit einer Textgrößenklasse anweisen.

Klasse larg – groß: abcdefgh
Klasse norm – normalgroß: abcdefgh (Nullklasse)
Klasse smal – klein: abcdefgh

So können untergeordnete Anmerkungen z. B. etwas kleiner geschrieben werden.

Nächste Seite
Zurück zur vorhergehenden Seite
Nach Hause