Standard-Stylesheet für HTML 4_Basic Tutorial

Dieser Anhang ist informativ und nicht normativ.

Dieses Stylesheet beschreibt die typische Formatierung aller HTML 4-Elemente ([HTML4]) basierend auf umfangreichen Untersuchungen zur aktuellen UA-Praxis. Entwicklern wird empfohlen, es als Standard-Stylesheet in ihren Implementierungen zu verwenden. 

Die vollständige Darstellung einiger HTML-Elemente kann in CSS 2.1 nicht ausgedrückt werden, einschließlich ersetzter Elemente („img“, „object“), Skriptelementen („script“, „applet“), Formularsteuerelementen usw Rahmenelemente. 

Für andere Elemente kann die alte Präsentation in CSS beschrieben werden, die Lösung entfernt jedoch das Element. Beispielsweise kann das FONT-Element durch das Anhängen von CSS-Deklarationen an andere Elemente (z. B. DIV) ersetzt werden. Ebenso kann die veraltete Darstellung von Präsentationsattributen (z. B. das Attribut „Rahmen“ auf TABLE) in CSS beschrieben werden, das Markup im Quelldokument muss jedoch geändert werden. 

html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3 , h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block }
li               { display: list-item }
Head            { display: none }
table           { display: table }
tr             { display: table-row }
thead           tbody           { display: table- row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display : Tabellenzelle }
Caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { margin: 8px }
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
button, textarea,
input, select   { display: inline -block }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertikal-align: sub }
sup             { ver tical-align : super }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle }
td, th          { vertical-align: inherit }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dir,
menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal } ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
br:before       { content: "A" }
:before, :after { white-space: pre-line }
center          { text-align: center }
:link, :visited { text-decoration: underline }
:focus          { outline: thin dotted invert }

/* Beginn Bidirektionalitätseinstellungen (do nicht ändern) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

@media print {
  h1             { page-break-before: always }
  h1, h2, h3,
  h4, h5, h6    { page-break -after: avoid }
  ul, ol, dl    { page-break-before: avoid }
}