recherche

Maison >interface Web >Questions et réponses frontales >Quelles sont les différences entre les balises html et body ?

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

青灯夜游
青灯夜游original
2021-09-13 11:51:425995parcourir

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 100db36a723c770d327fc0aef2ce13b1 et 6c04bd5ca3fcae76e30b72ad730ca86d est souvent ignorée, et les styles globaux sont définis sur 100db36a723c770d327fc0aef2ce13b1. 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>

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

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

:root {
}

html {  
}

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 */
}

Couleur d'arrière-plan étrange

Il y a un comportement étrange en CSS, après avoir appliqué la couleur d'arrière-plan à 6c04bd5ca3fcae76e30b72ad730ca86d, même si 6c04bd5ca3fcae76e30b72ad730ca86d 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 6c04bd5ca3fcae76e30b72ad730ca86d et de ses sous-éléments doit être définie sur la hauteur de la fenêtre, l'élément 100db36a723c770d327fc0aef2ce13b1 les styles globaux doivent être appliqués à Body

Dans la première spécification, 6c04bd5ca3fcae76e30b72ad730ca86d

marginright

  • margintop

  • text

  • Les styles CSS correspondant à ces attributs en ligne doivent être appliqués à 6c04bd5ca3fcae76e30b72ad730ca86d.

    • Attribut en ligne

    • Propriété CSS

  • background
background

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

margin-top
font
. Pour plus de connaissances sur la programmation, veuillez visiter :

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Que signifie CSS en anglais ?Article suivant：Que signifie CSS en anglais ?

Articles Liés

Voir plus