## 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