Unabhängige Formate definieren

Beschreibung: so wird's gemacht

Die folgenden Beispiele zeigen einige weitere Möglichkeiten, die sich mit Hilfe von Style-Sheets realisieren lassen. Im ersten Fall wird ein normales <p>-Tag mit Hilfe von Style-Sheet-Angaben zu einem umrahmten Bereich mit eigenem Hintergundbild aufgepäppelt. Innerhalb des Bereichs wird mit Hilfe des <p>-Tags ein Textteil rot und groß hervorgehoben. Dies geschieht mit Hilfe eines unabhängigen Formats, das dem <em>-Tag zugewiesen wird.
Im zweiten Fall sehen Sie auch nichts anderes als das <p>-Tag. Es wurden allerdings vier unabhängige Formate definiert, die vier aufeinanderfolgenden <p>-Tags zugewiesen werden. Die Überlappungen der Schriftzüge kommen durch einen Trick zustande: negative Absatzabstände, z.B margin-top:-1.5cm.

Ein Traum ist nichts anderes als ein Traum in einem Traum.

So sind Style-Sheets

So sind Style-Sheets

So sind Style-Sheets

CSS