Heim > Artikel > Web-Frontend > Was sind die Unterschiede zwischen HTML- und Body-Tags?
Was sind die Unterschiede zwischen HTML- und Body-Tags?
- 青灯夜游Original
- 2021-09-13 11:51:425930Durchsuche
Unterschiede: 1. Das HTML-Tag ist das Hauptelement des Dokuments. 2. Die globalen Stile, die auf die HTML- und Body-Tags angewendet werden sollten, sind unterschiedlich , html entspricht „document.documentElement“ und body entspricht „document.body“.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3&&HTML5&&Javascript Version 1.8.5, Dell G3-Computer.
In CSS wird der Unterschied zwischen 100db36a723c770d327fc0aef2ce13b1 oft ignoriert und globale Stile werden entweder auf 100db36a723c770d327fc0aef2ce13b1 definiert. Tatsächlich gibt es einen Unterschied zwischen den beiden, und sowohl CSS-Veteranen als auch -Neulinge sollten ihn verstehen.
Wie HTML und Body zusammenhängen
<!DOCTYPE html>
<html>
<head>
<!-- Metadata and such -->
</head>
<body>
<!-- Where the content begins -->
<body>
</html>Gemäß der Standarddefinition ist 100db36a723c770d327fc0aef2ce13b1 das Stammelement des Dokuments, 93f0f5c25f18dab9d176bd4f6de5d30e sind die einzigen untergeordneten Elemente von e75c6f294080115e5479f5e8def364b9. Gemäß der Spezifikation ist 93f0f5c25f18dab9d176bd4f6de5d30e das Element, das von 6c04bd5ca3fcae76e30b72ad730ca86d unterschieden werden muss.
Daher sind 100db36a723c770d327fc0aef2ce13b1 und 6c04bd5ca3fcae76e30b72ad730ca86d In HTML-Dokumenten entspricht der :root-Selektor dem 100db36a723c770d327fc0aef2ce13b1-Element.
:root {
}
html {
}Es ist zu beachten, dass der :root-Selektor (Pseudoklasse) eine höhere Priorität hat als der HTML-Selektor: (0, 0, 1, 0) vs. (0, 0, 0, 1). „Welche globalen Stile sollten in HTML angewendet werden?“ Die darin enthaltenen Elemente füllen das Ansichtsfenster nicht aus und die Hintergrundfarbe erstreckt sich über das gesamte Ansichtsfenster.
Setzen Sie die Hintergrundfarbe auf HTML, um dieses Problem zu lösen. height: 100%
Wenn die Höhe von 6c04bd5ca3fcae76e30b72ad730ca86d auf die Fensterhöhe eingestellt werden muss, muss auch das 100db36a723c770d327fc0aef2ce13b1-Element hinzugefügt werden: html {
font-size: 62.5%;
}
body {
font-size: 1.4rem; /* =14px */
}
h1 {
font-size: 2.4rem; /* =24px */
}
Which Globale Stile sollten auf Body angewendet werden
In der frühen Spezifikation hatte 6c04bd5ca3fcae76e30b72ad730ca86d die folgenden Inline-Attribute:
background
bgcolor
marginbottom
marginleft
marginright
margintop
text
Die diesen Inline-Attributen entsprechenden CSS-Stile sollten auf 6c04bd5ca3fcae76e30b72ad730ca86d angewendet werden.
- Inline-Attribut
- CSS -Farbe
| marginleft | margin-left |
| margintop | |
|
text |
|
| . | |
| Der Oben sind einige Unterschiede zwischen 100db36a723c770d327fc0aef2ce13b1 in CSS aufgeführt. Tatsächlich gibt es auch Unterschiede in JavaScript, wie z. B. HTML, das | |
| Weitere Kenntnisse zum Thema Programmierung finden Sie unter: | Einführung in die Programmierung! ! |
Das obige ist der detaillierte Inhalt vonWas sind die Unterschiede zwischen HTML- und Body-Tags?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!