Die Organisation W3C gibt Stilempfehlungen für HTML4

Die Organisation W3C gibt Stilempfehlungen für HTML4
Dies ist die Stilempfehlung der W3C-Organisation für HTML4 . Leider haben Browser ihre eigenen privaten Attribute hinzugefügt, wodurch der Standard zu einem Wunschtraum geworden ist. Aber es hat für uns immer noch eine große Bedeutung.
Anhang D. Standard-Stylesheet für HTML 4
Dieser Anhang hat informativen, nicht normativen Charakter.

Dieses Stylesheet beschreibt die typische Formatierung aller HTML 4 ([HTML4])-Elemente auf Grundlage umfassender Untersuchungen der aktuellen UA-Praxis. Entwickler werden ermutigt, 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. Dazu gehören ersetzte Elemente („img“, „object“), Skriptelemente („script“, „applet“), Formularsteuerelemente und Rahmenelemente.

Bei anderen Elementen kann die herkömmliche Darstellung in CSS beschrieben werden, aber die Lösung entfernt das Element. Beispielsweise kann das FONT-Element ersetzt werden, indem CSS-Deklarationen an andere Elemente angehängt werden (z. B. DIV). Ebenso kann die herkömmliche Darstellung von Präsentationsattributen (z. B. das „border“-Attribut in TABLE) in CSS beschrieben werden, aber die Auszeichnung im Quelldokument muss 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 { display : table-header-group }
tbody { display : table-row-group }
tfoot { display : table-footer-group }
col { display : table-column }
colgroup { display : table-column-group }
td, th { display : table-cell }
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 { vertical-align : sub }
sup { vertical-align : super }
table { border-spacing : 2px ; }
thead, tbody,
tfoot { vertical-align : middle }
td, th, tr { 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 }
ol ul, ul ol,
ul ul, ol ol { margin-top : 0 ; margin-bottom : 0 }
u, ins { text-decoration : underline }
br:before { content : "\A" ; white-space : pre -line }
center { text-align : center }
:link, :visited { text-decoration : underline }
:focus { outline : thin dotted invert }

/* Begin bidirectionality settings (do not change) */
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 }
}
Anhang D. Standard-Stylesheet für HTML 4

<<:  CSS3 realisiert Partikelanimationseffekte beim Matching von Königen

>>:  Der Unterschied zwischen VOLUME und docker -v in Dockerfile

Artikel empfehlen

mysql löst zeitzonenbezogene Probleme

Vorwort: Bei der Verwendung von MySQL können Prob...

So zeigen Sie den Typ des gemounteten Dateisystems in Linux an

Vorwort Wie Sie wissen, unterstützt Linux viele D...

JavaScript realisiert die Generierung und Überprüfung von Zufallscodes

Die Generierung und Überprüfung von Zufallscodes ...

Ändern Sie das JVM-Kodierungsproblem, wenn Tomcat ausgeführt wird

Frage: Vor kurzem traten bei der Bereitstellung d...

Für die Verwendung des Docker-Befehls ist kein Sudo erforderlich

Da der Docker-Daemon an den Unix-Socket des Hosts...

Lösen Sie das Problem der Kombination von AND und OR in MySQL

Wie unten dargestellt: Wählen Sie Produktname, Pr...

So installieren Sie MySQL 8.0 in Docker

Umgebung: MacOS_Cetalina_10.15.1, Mysql8.0.18, Do...

React implementiert Endlosschleifen-Scrollinformationen

In diesem Artikel wird der spezifische Code von R...

Docker verwendet Nextcloud, um eine private Baidu-Cloud-Festplatte zu erstellen

Plötzlich musste ich einen privaten Dienst für di...

Analyse des Prinzips der Zentrierung von Elementen mit CSS

Es ist eine sehr häufige Anforderung, die horizon...

Natives JS zur Implementierung eines atmenden Karussells

Heute zeige ich Ihnen ein mit nativem JS implemen...