/* Testen einiger CSS1 Konstrukte */ body { font-family: Tahoma, Verdana, 'Myriad Web', Syntax, sans-serif; font-size: x-large; color: black; background: white; margin-top: 1.58em; margin-left: 10.58em; margin-right: 1ex; margin-bottom: 1.58em; padding-top: 0; padding-left: 0; padding-right: 0; padding-bottom: 0; border-top: 0; border-left: 0; border-bottom: 0; border-right: 0; width: auto; } p.wichtig { background-color: yellow; color: red; } p.hinweis { background-color: silver; color: maroon; font-style: italic; } p.zentriert { text-align: center; } p.rechts { text-align: right; } /* Testen einiger CSS2 Konstrukte */ h1:before { counter-reset: para; counter-reset: sect; content: "Kapitel " counter(chap) ". "; counter-increment: chap; } h2:before { content: "Abschnitt " counter(chap) "." counter(sect) ". "; counter-increment: sect; } p:before { content: counter(para) "---"; counter-increment: para; } div.main:before { content: "Inhaltsteil"; display: block; margin-top: 0em; margin-bottom: 3em; padding: 0.5em 0.5em; color: navy; font-style: italic; font-weight: bold; letter-spacing: 0.7em; text-align: center; border-top: thin solid; border-bottom: thin solid; } code { white-space: pre; } code:after { content: " "; } table.exam { font-size: x-large; background-color: lime; } table.exam td { text-align: center; color: red; } table.exam caption { caption-side: right; color: blue; } /* navigation ohne frames */ div.nav { position: fixed; width: 8em; height: auto; top: 1.4em; right: auto; bottom: 1em; left: 1em; background-color: blue; } div.nav p, div.nav ul, div.nav h2 { display: block; margin: 5% 15% 4% -9%; padding: 3.6% 8%; text-indent: 0; text-align: left; background-color: navy; color: yellow; list-style: none; } div.nav:before { content: "Navigation"; display: block; margin-bottom: 3em; padding: 0.1em 0.5em; color: yellow; font-style: italic; letter-spacing: 0.25em; } .center { text-align: center; }