Les balises (éléments) HTML peuvent être divisées en deux catégories, à savoir les éléments de niveau bloc et les éléments en ligne (également appelés éléments en ligne).
1. Éléments en ligne (en ligne)
1. Le concept d'éléments en ligne
Élément en ligne (un concept dans la spécification HTML) Anglais : élément en ligne, qui porte de nombreux noms chinois, tels que : élément en ligne, élément en ligne, élément en ligne, élément en ligne, etc. Fondamentalement, il n’existe pas de traduction unifiée. De plus, lorsqu'il s'agit d'éléments en ligne, l'attribut généralement impliqué est display:inline ; cet attribut peut résoudre le fameux problème de double bordure flottante d'IE.
2. Caractéristiques des éléments en ligne
① Sur la même ligne que les éléments en ligne adjacents ;
②La largeur (largeur), la hauteur (hauteur), le haut/le bas de la marge intérieure (rembourrage-haut/rembourrage-bas) et le haut/bas de la marge extérieure (marge-haut/marge-bas) ne peuvent pas être modifiés ;
③La largeur est la largeur de son texte ou de son image et ne peut pas être modifiée.
④Les éléments en ligne ne peuvent accueillir que du texte ou d'autres éléments en ligne
Lorsque vous utilisez des éléments en ligne, vous devez faire attention aux points suivants :
• Le réglage de la largeur n'est pas valide ;
• La définition de la hauteur de la hauteur n'est pas valide, mais la hauteur de la ligne peut être définie via line-height ;
• La marge peut être définie, mais elle n'est efficace que pour les marges gauche et droite, pas pour celles du haut et du bas ;
• Lors de la définition de la marge intérieure du remplissage, seuls les remplissages gauche et droit sont valides, tandis que les remplissages supérieur et inférieur ne sont pas valides. Il convient de noter que la plage de l'élément est augmentée, mais cela n'a aucun effet sur le contenu autour de l'élément. ;
• Vous pouvez basculer un élément entre un élément en ligne et un élément de niveau bloc via l'attribut display.
3. Éléments en ligne courants dans les balises HTML
2. Éléments de niveau bloc (bloc)
1. Le concept d'éléments de niveau bloc
L'élément block (élément block) et son élément en ligne correspondant (élément inline) sont des concepts de la spécification HTML. La différence fondamentale entre les éléments de bloc et les éléments en ligne est que les éléments de bloc commencent généralement sur une nouvelle ligne et que les éléments adjacents au niveau du bloc seront affichés sur des lignes différentes.
2. Caractéristiques des éléments de niveau bloc
①Occupez toujours une ligne, ce qui signifie commencer sur une autre ligne, et les éléments suivants doivent également être affichés sur une autre ligne ;
②La largeur, la hauteur, le rembourrage et la marge peuvent tous être contrôlés ;
③Si la largeur de l'élément de niveau bloc est omise, sa largeur est par défaut la largeur de la fenêtre actuelle du navigateur ;
④Les éléments de niveau bloc peuvent contenir d'autres éléments en ligne et éléments de niveau bloc.
3. Éléments courants au niveau du bloc dans les balises HTML