Quelles sont les différences entre les balises html et body ?-Questions et réponses frontales-php.cn

Quelles sont les différences entre les balises html et body ?

青灯夜游

Libérer： 2023-01-11 09:19:48

original

5895 Les gens l'ont consulté

Différences : 1. La balise html est l'élément racine du document, la balise body est l'élément principal du document ; 2. Les styles globaux qui doivent être appliqués aux balises html et body sont différents ; , html correspond à "document.documentElement" et body correspond à "document.body".

Quelles sont les différences entre les balises html et body ?

L'environnement d'exploitation de ce tutoriel : système windows7, CSS3&&HTML5&&javascript version 1.8.5, ordinateur Dell G3.

En CSS, la différence entre et est souvent ignorée, et les styles globaux sont définis sur . En fait, il y a une différence entre les deux, et les vétérans et les novices du CSS devraient la comprendre.

Comment HTML et Body sont liés

<!DOCTYPE html>  
<html>  
  <head>
    <!-- Metadata and such -->
  </head>

  <body>
    <!-- Where the content begins -->
  <body>
</html>

Copier après la connexion

Selon la définition standard, est l'élément racine du document, et ;html>. Selon la spécification, est l'élément qui doit être distingué de .

Par conséquent, et Dans les documents HTML, le sélecteur :root correspond à l'élément

:root {
}

html {  
}

Copier après la connexion

Il est à noter que le sélecteur :root (pseudo-classe) a une priorité plus élevée que le sélecteur html : (0, 0, 1, 0) vs (0, 0, 0, 1).

Quels styles globaux doivent être appliqués en HTML

html {  
  font-size: 62.5%;
}

body {  
  font-size: 1.4rem; /* =14px */
}

h1 {  
  font-size: 2.4rem; /* =24px */
}

Copier après la connexion

Couleur d'arrière-plan étrange

Il y a un comportement étrange en CSS, après avoir appliqué la couleur d'arrière-plan à , même si Les éléments à l'intérieur ne remplissent pas la fenêtre et la couleur d'arrière-plan s'étendra à toute la fenêtre.

Définissez la couleur d'arrière-plan sur html pour résoudre ce problème.

hauteur : 100 %

Si la hauteur de et de ses sous-éléments doit être définie sur la hauteur de la fenêtre, l'élément les styles globaux doivent être appliqués à Body

Dans la première spécification,

marginright

margintop
text
Les styles CSS correspondant à ces attributs en ligne doivent être appliqués à .
background

background

bgcolormargin-bottommarginleftmargin-leftmarginrightmargin-rightmargintoptextDifférence en JavaScript Le ci-dessus répertorie quelques différences entre et en CSS. En fait, il existe également des différences en JavaScript, par exemple, html correspond à Introduction à la programmation ! !