Um den Sinn von CSS und Klassen zu verdeutlichen, hier ein kleines Beispiel für CSS-Klassen

Klassen in CSS

Möglicherweise benötigen Sie mehrere Formatierungseinheiten als Ihnen Tag's zur Verfügung stehen. In solch einem Fall kann man Klassen zur Hilfe nehmen. Wir verwenden drei Varianten des <p> Tag. Hier auszugsweise der HTML-COde

<p>Frau Trendy wurde von ...
<p class=Frage>Frau Trendy, warum wollten Sie...
<p class=Antwort>Schauen Sie, Herr Muster...

Damit die Formatierung für die Tags zustande kommt, notieren wir folgenden Code in der CSS-Datei:

p        {font-family  : Arial,Helvetica;
          color        : #663300;
         }

.Frage	 {color        : Fuchsia;}

.Antwort {color        : Red;
          margin-left  : 50;
          margin-right : 50;
         }

Das <p> Tag ohne Klasse wird in der Farbe #663300 dargestellt. Sobald jedoch die Klasse .Frage im <p>Tag angegeben wird, wird die Farbe Fuchsia verwendet.

Ein Interview mit Hans Muster und Tamara Trendy

Frau Trendy wurde von Herrn Muster speziell für diese Seite interviewt. Lesen Sie exklusiv was sich abgespielt hat.

Frau Trendy, warum wollten Sie den Beruf, welchen Sie jetzt ausüben, erlernen? Ich meine, immerhin, Sie sind in einer wohlbehüteten Familie aufgewachsen, an Geld mangelt es Ihnen doch sicherlich nicht, oder irre ich mich da eventuell?

Schauen Sie, Herr Muster, es war das einzig Richtige in meiner damaligen Situation. Ich bin nach der Schule, wie fast jedes andere Kind auch, von zuhause weg und ins Ausland. Dies hat meinen Horizont erweitert, so, dass ich mich meiner jetzigen Tätigkeit voll hingeben kann.

Wollen Sie mit dem ausdrücken, dass Sie von fremden Mächten in diesen jetzigen Job gedrängt wurden, dass Sie also nicht selbst bestimmen konnten, was Sie konkret tun wollten

Gewissermassen ja..., man könnte dem unter gewissen Voraussetzungen tatsächlich ungefähr so sagen. Aber sicherlich verstehen Sie, dass ich über meine Vergangenheit nicht besonders viel diskutieren möchte. Denn immerhin führe ich mit meinem neuen Gesicht jetzt ein neues Leben.

Aha... hmm... Und wie schaut das mit den Kosten aus...

Natürlich wollen wir nicht wissen wie dieses Interview weiter geht. Aber Hauptsache, wir haben den Zweck von CSS-Klassen erkannt.