Hallo Michail,
Angenommen ich habe eine A4-Seite Text, in der Schlagwörter in drei verschiedenen Farben vorkommen. Sagen wir pro Farbe 10 Stück. Wie gestaltet man das sinnvoll, ohne absoluten Wust zu bekommen?
zum Beispiel so:
--8<--HTML----
... text text text <span class="stichwort">Stichwort</span> text text ...
--8<--CSS----
span.stichwort
{ color: #FF6060;
}
Vorteil: Im HTML-Code hast du nur noch Informationen, die die Bedeutung des hervorgehobenen Teils angeben ("Stichwort"), nicht aber, wie es aussieht.
Im CSS hast du dagegen an genau *einer Stelle* die Information, wie das Merkmal "Stichwort" aussehen soll. Dadurch werden auch Änderungen z.B. der Hervorhebungsfarbe sehr leicht, weil du nur an einer Stelle ändern musst.
Ich kenne die Struktur deines Dokuments nicht, aber möglicherweise kann man sogar auf die Klassen verzichten - dann nämlich, wenn die Elemente, die Stichwort sein sollen, in einer eindeutigen Verschachtelung vorkommen. Hast du beispielsweise eine Struktur wie diese:
--8<--HTML----
<p id="kurztext">
... text text text <span>Stichwort</span> text text ...
</p>
dann ist die Klasse überflüssig, weil es genügt, "span-Elemente, die in einem Absatz mit der ID 'kurztext' stehen", zu selektieren, in CSS also
p#kurztext span { }
Am Anfang mag der Umgang mit CSS etwas komliziert und umständlich wirken, man kommt aber schnell dahinter. Wenn du den Sinn mal verstanden hast, wirst du dich fragen, wie du jahrelang ohne CSS auskommen konntest. ;-)
So long,
Martin
Paradox ist, wenn der Innenminister sich äußert und der Außenminister sich erinnert.