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

Les éléments de niveau bloc en CSS font référence aux éléments de bloc, et leurs éléments en ligne correspondants sont des concepts dans la spécification HTML. Les caractéristiques des éléments de bloc sont : 1. Commencez toujours sur une nouvelle ligne ; , la hauteur et les marges peuvent être contrôlées ; 3. Les éléments en ligne et d'autres éléments de bloc peuvent être hébergés.

L'environnement d'exploitation de ce tutoriel : Système Windows 10, version CSS3, cette méthode convient à toutes les marques d'ordinateurs.

(Partage vidéo d'apprentissage : Tutoriel vidéo CSS)

Introduction aux éléments de niveau bloc :

Les éléments de bloc sont également appelés éléments de niveau bloc (éléments de bloc). Celui-ci correspond à l'élément en ligne, qui est un concept dans 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. Lorsque le contrôle CSS est ajouté, cette différence d'attribut entre les éléments de bloc et les éléments en ligne ne devient plus une différence.

Par exemple, nous pouvons ajouter un attribut tel que display:block à un élément en ligne, de sorte qu'il ait également l'attribut de partir d'une nouvelle ligne à chaque fois, c'est-à-dire qu'il devienne un élément de bloc de la même manière. , nous pouvons ajouter display: à un élément de bloc. Des attributs comme inline lui permettent d'être disposé sur une seule ligne.

Caractéristiques des éléments de bloc

1. Commencez toujours sur une nouvelle ligne

2. La hauteur, la hauteur de la ligne, les marges et le remplissage peuvent tous être contrôlés ; 🎜>3. La largeur par défaut est 100 % de son conteneur, sauf si une largeur est définie.

4. Il peut accueillir des éléments en ligne et d'autres éléments de bloc

Recommandations associées :

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!