Explication détaillée des différences entre les éléments en ligne, les éléments de niveau bloc et les éléments vides

Éléments en ligne : a, b, span, img, input, strong, select, label, em, button, textarea

Éléments de niveau bloc : p, ul, li, dl, dt, dd, p , h1-h6, blockquote

Éléments vides : br, meta, hr, link, input, img

Caractéristiques des éléments de niveau bloc :

1. Commence toujours sur une nouvelle ligne et occupe une ligne entière
2. Par défaut, sa largeur remplit automatiquement la largeur de son élément parent
3. La largeur est toujours la même que la largeur du navigateur, quelle que soit du contenu
4. Il peut accueillir des éléments en ligne et d'autres éléments de bloc
5. L'attribut d'affichage est block

Les marges verticales adjacentes des éléments au niveau du bloc seront fusionnées.

Caractéristiques des éléments en ligne :

1 Ils sont sur la même ligne que les autres éléments
2. La hauteur, la hauteur de ligne et les parties de marge et de remplissage peuvent. be Change
3. La largeur est uniquement liée au contenu
4. Les éléments en ligne ne peuvent accueillir que du texte ou d'autres éléments en ligne
5. L'attribut d'affichage est en ligne

horizontal padding-left , padding- Right, margin-left et margin-right produisent tous des effets de marge,
mais le padding-top, padding-bottom, margin-top et margin-bottom verticaux ne produisent pas d'effets de marge.
La largeur et la hauteur ne peuvent pas être définies. La largeur augmente avec le contenu et la hauteur change avec la taille de la police. Les éléments en ligne peuvent définir des bordures extérieures, mais les bordures extérieures n'affectent pas le haut et le bas, mais uniquement la gauche. et c'est vrai.

Caractéristiques des éléments vides :

Un contenu HTML sans contenu est appelé un élément vide. Les éléments vides sont fermés dans la balise d'ouverture.

est un élément vide sans balise de fermeture (la définition de la balise
s'enroule).
Dans XHTML, XML et les futures versions de HTML, tous les éléments doivent être fermés.
L'ajout d'une barre oblique dans la balise d'ouverture, telle que
, est la bonne façon de fermer un élément vide et est acceptée par HTML, XHTML et XML.
Même si
fonctionne dans tous les navigateurs, l'utilisation de

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!