Markierung

Manche speziell gestaltete Bereiche markiere ich mit einem Begriff, der auf die Art des Inhalts hinweist, wie etwa HTML, CSS oder Begleitinfo. Die Markierung schreibe ich in einen div-Container der Klasse "markierung", den ich wiederum als erstes Element in den div-Conatiner setze, der markiert werden soll. Im Falle einer Markierung steht also ein Container in einem Container.

Beispiel

HTML
<div class="code">
<div class="markierung">
HTML
</div>
</div>
Begleitinfo
Eine andere Klasse des übergeordneten Containers führt automatisch zur anderen Färbung des Markierungsbegriffs.
CSS
.markierung {
text-align: right;
font-weight: bold;
}
/* Je nach Rahmen eine andere Schriftfarbe für die Markierung */
.code .markierung {
color: #001550;
}
.rahmengelb .markierung {
color: #f4ce02;
}
Ute Ziemes, 13021961.blogspot.de

Kommentare