Maison > Article > interface Web > Que sont les éléments de niveau bloc en HTML

Que sont les éléments de niveau bloc en HTML

青灯夜游original: 2021-03-02 17:04:4210401parcourir

En HTML, les éléments de niveau bloc font référence aux éléments dont l'attribut d'affichage est block. Habituellement, les éléments de niveau bloc sont affichés sur une ligne dans de nombreux navigateurs et excluent les autres éléments et les autres éléments de la même ligne. Dans les navigateurs, l'élément de bloc apparaît sous la forme d'un rectangle et contient d'autres éléments.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

L'élément bloc est également connu sous le nom d'élément bloc (élément de bloc), et son homologue est l'élément en ligne (élément en ligne), qui sont des concepts dans la spécification HTML. La plupart des éléments HTML sont définis comme des éléments de niveau bloc ou des éléments en ligne. Les éléments de niveau bloc commencent généralement (et se terminent) par une nouvelle ligne lorsqu'ils sont affichés par le navigateur.

Les éléments au niveau du bloc sont relativement dominants. Par défaut, ils occupent une ligne entière à chaque fois, et le contenu suivant doit également être affiché sur une nouvelle ligne. Par exemple :

,

Chaque élément de niveau bloc occupe une ligne de hauteur par défaut. Une fois qu'un élément de niveau bloc est ajouté à une ligne, d'autres éléments ne peuvent pas être ajoutés (sauf après avoir flotté). . Lorsque deux éléments de niveau bloc sont modifiés en continu, ils seront automatiquement renvoyés à la ligne et affichés sur la page. Les éléments de niveau bloc peuvent généralement imbriquer des éléments de niveau bloc ou des éléments en ligne

<html>
<head>
<style type="text/css">
p{ 
border: thin dotted #FF0000;
}
div{ 
border: 1px solid yellow;
}
</style>
</head>
<body>
<p>这是一个p元素</p>
<p>这是一个p元素</p>
<div>这是一个div元素</div>
<div>这是一个div元素</div>
</body>
</html>

Que sont les éléments de niveau bloc en HTML

Les éléments de niveau bloc apparaissent généralement comme des conteneurs pour organiser les structures, mais ce n'est pas toujours le cas ; . Certains éléments de niveau bloc, tels que

; d'autres peuvent contenir à la fois des éléments de niveau bloc et de niveau ligne.

DIV est l'élément de niveau bloc le plus couramment utilisé, et le style d'élément display:block est un élément de niveau bloc. Ils sont toujours exprimés sous la forme d'un bloc et sont disposés verticalement en séquence avec les blocs frères du même niveau, remplissant les côtés gauche et droit.

Caractéristiques des éléments de bloc

①, commencez toujours sur une nouvelle ligne

②, hauteur, hauteur de ligne et marge extérieure À la fois espacement et remplissage ; peut être contrôlé ;

③. La largeur par défaut est 100 % de son conteneur, sauf si une largeur est définie.

④, il peut accueillir des éléments en ligne et d'autres éléments de bloc

[Tutoriel recommandé : "Tutoriel vidéo html"]

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：Comment mettre en gras un paragraphe en HTMLArticle suivant：Comment mettre en gras un paragraphe en HTML

Articles Liés

Voir plus