<html>

<head>
<title>D:\Uebung\formate.css</title>
</head>

<body>

<pre>/* DATEI: formate.css */</pre>

<pre>body { margin-top:10px; margin-bottom:10px; }</pre>

<pre>/* margin-top = Abstand zwischen Fensterrand und Inhalt oben */
/* margin-bottom = Abstand zwischen Fensterrand und Inhalt unten */
/* 10px = 10 Pixel, Wert aenderbar */

</pre>

<pre>p,h1,h2,h3,h4,ul,ol,li,div,td,th,address,blockquote,nobr,b,i
     { font-family:Verdana,Arial,sans-serif; }</pre>

<pre>/* font-family = Schriftart fuer Textelemente */
/* Arial,sans-serif = Arial und serifenlose Schrift, Wert aenderbar */

</pre>

<pre>h1 { font-size:18pt; }</pre>

<pre>/* gilt nur fuer das Wort 'SELFHTML' auf der Einstiegsseite */
/* font-size = Schriftgroesse */
/* 18pt = 18 Punkt, Wert aenderbar */

</pre>

<pre>h2 { font-size:16pt; }</pre>

<pre>/* Seitenueberschriften */
/* font-size = Schriftgroesse */
/* 16pt = 16 Punkt, Wert aenderbar */

</pre>

<pre>h2.sh2 { font-size:16pt; }</pre>

<pre>/* Abschnittsueberschriften innerhalb einer Seite */
/* font-size = Schriftgroesse */
/* 16pt = 16 Punkt, Wert aenderbar */

</pre>

<pre>h3,h3.xmp,h3.xpl,h3.inf,h3.tip { font-size:12pt; }</pre>

<pre>/* Zwischenueberschriften wie 'Beispiel', 'Erlaeuterung' */
/* font-size = Schriftgroesse */
/* 11pt = 11 Punkt, Wert aenderbar */
</pre>

<pre>h4 { font-size:10pt; }</pre>

<pre>/* Zwischenueberschriften an manchen Stellen */
/* font-size = Schriftgroesse */
/* 10pt = 10 Punkt, Wert aenderbar */
</pre>

<pre>p,ul,ol,li,div,td,th,address,nobr,b,i { font-size:10pt; }</pre>

<pre>/* normaler Text */
/* font-size = Schriftgroesse */
/* 10pt = 10 Punkt, Wert aenderbar */
</pre>

<pre>/* normaler Text */
/* font-size = Schriftgroesse */
/* 10pt = 10 Punkt, Wert aenderbar */
</pre>

<pre>pre { font-family:Courier New,Courier; font-size:10pt; color:#0000C0; }</pre>

<pre>/* Quelltext-Beispiele */
/* font-family = Schriftart */
/* Courier New,Courier = Schriftarten, Wert aenderbar */
/* font-size = Schriftgroesse */
/* 10pt = 10 Punkt, Wert aenderbar */
/* color = Farbe */
/* #0000C0 = blau, Wert aenderbar */
</pre>

<pre>tt { font-family:Courier New,Courier; font-size:10pt; color:#0000C0; }</pre>

<pre>/* Quelltext-Befehle im normalen Fliesstext */
/* font-family = Schriftart */
/* Courier New,Courier = Schriftarten, Wert aenderbar */
/* font-size = Schriftgroesse */
/* 10pt = 10 Punkt, Wert aenderbar */
/* color = Farbe */
/* #0000C0 = blau, Wert aenderbar */

</pre>

<pre>td.xmpcode { border-width:1pt; border-style:solid; border-color:#999999; background-color:#FFFFE0; }</pre>

<pre>/* Bereiche mit Beispiel-Quelltexten */
/* nur MS IE 4, Netscape 4.0 ignoriert diese Angaben */
/* border-width = Randbreite */
/* 1pt = 1 Punkt, Wert aenderbar */
/* border-style = Randstil */
/* solid = durchgezogen, Wert aenderbar */
/* border-color = Randfarbe */
/* #999999 = grau, Wert aenderbar */
/* background-color = Hintergrundfarbe */
/* #FFFFE0 = helles Gelb, Wert aenderbar */

</pre>

<pre>.code { background-color:#FFFFE0; }</pre>

<pre>/* Tabelleninhalte mit Quellcode */
/* background-color = Hintergrundfarbe */
/* #FFFFE0 = helles Gelb, Wert aenderbar */
/* Farbe sollte gleich sein wie bei td.xmpcode */

</pre>

<pre>td.xplcode { background-color:#EEEEFF; }</pre>

<pre>/* Tabelleninhalte mit Erklaerungen */
/* background-color = Hintergrundfarbe */
/* #EEEEFF = helles Blau, Wert aenderbar */

</pre>

<pre>.doc { background-color:#EEEEEE; }</pre>

<pre>/* Layout-Elemente mit hellgrauem Hintergrund */
/* background-color = Hintergrundfarbe */
/* #EEEEEE = helles Grau, Wert aenderbar */

</pre>

<pre>.qbar { background-color:#FFFFE0; font-size:9pt; font-family:Arial,sans-serif; }</pre>

<pre>/* Layout-Elemente mit hellgrauem Hintergrund */
/* nur MS IE 4, Netscape 4.0 ignoriert diese Angaben */
/* background-color = Hintergrundfarbe */
/* #FFFFE0 = helles Gelb, Wert aenderbar */
/* font-family = Schriftart */
/* Arial,sans-serif = Schriftarten, Wert aenderbar */
/* font-size = Schriftgroesse */
/* 9pt = 9 Punkt, Wert aenderbar */
</pre>

<pre>pre.normal { color:#000000; }</pre>

<pre>/* normale praeformatierte Bereiche, nicht fuer Quelltexte */
/* color = Farbe */
/* #000000 = schwarz, Wert aenderbar */
</pre>

<pre>a:link { color:blue; text-decoration:underline; }
a:visited { color:blue; text-decoration:underline; }
a:active { color:red; text-decoration:none; }</pre>

<pre>/* a:link = Verweise zu noch nicht besuchten Seiten */
/* a:visited = Verweise zu bereits besuchten Seiten */
/* a:active = Verweise, die gerade angeklickt werden */
/* color = Farbe */
/* # = kotzbeige, Wert aenderbar */
/* #772200 = scheissbraun, Wert aenderbar */
/* #000000 = schwarz, Wert aenderbar */
/* text-decoration = Tesxtstil */
/* underline = unterstrichen, Default-Wert, Wert aenderbar */
/* none = nicht unterstrichen, Wert aenderbar */</pre>

<pre>a.an { text-decoration:none; }


</pre>

<pre>/* Wenn Sie sich mit Style-Sheets */
/* auskennen, koennen Sie weitere Angaben notieren */




</pre>

<pre>/*******   WICHTIG   *******/</pre>

<pre>/* Wenn Sie diese Datei fuer Ihre persoenlichen Zwecke geaendert */
/* haben und das Dokument weitergeben oder wiederveroeffentlichen */
/* wollen, muessen Sie die Original-Einstellungen wiederherstellen */
/* Gehen Sie dazu beispielsweise folgendermassen vor: */</pre>

<pre>/* Im Verzeichnis von SELFHTML gibt es eine Datei 'wsave.css' */
/* Kopieren Sie die Datei wsave.css auf die Datei wselfhtm.css */
/* Hinterher muessen beide Dateien vorhanden sein, und beide */
/* muessen den Inhalt von wsave.css haben */</pre>
</body>
</html>
