Maison > interface Web > tutoriel CSS > le corps du texte

Introduction détaillée à la différence entre les éléments en ligne et les éléments de niveau bloc

高洛峰
Libérer: 2017-03-07 14:16:55
original
1617 Les gens l'ont consulté

Tout d'abord, la spécification CSS stipule que chaque élément a un attribut d'affichage pour déterminer le type de l'élément. Chaque élément a une valeur d'affichage par défaut, qui est block et inline.

Éléments de niveau bloc : (Voici les éléments de niveau bloc les plus couramment utilisés, les détails peuvent être trouvés sur w3cschool)

<p>定义文档中的分区或节   

<h1>定义最大的标题   

<h2>定义副标题   

<h3>定义标题   

<h4>定义标题   

<h5>定义标题   

<h6>定义最小的标题   

<ul>定义无序列表   

<ol>定义有序列表   

<li>定义有序列表或无序列表的列表项目   

<dl>定义自定义列表   

<dd>定义自定义列表中的条目   

<dt>定义自定义列表中的项目   

<hr>创建一条水平线   

<p>定义段落   

<table>定义表格   

<td>表格中的标准单元格   

<th>定义表头单元格   

<thead>标签定义表格的表头   

<tr>定义表格中的行
Copier après la connexion

Éléments en ligne : (Voici les éléments en ligne les plus couramment utilisés, les détails peuvent être trouvés sur w3cschool)

<a>定义超链接   

<b>字体加粗   

<span>定义在文档中的行内元素   

<img>向网页中插入题图像   

<input>输入框   

<small>小号字体效果   

<br>换行   

<big>字体加大加粗   

<strong>强调的语气   

<select>创建单选或多选菜单   

<textarea>定义文本域,多行的文本输入控件
Copier après la connexion

Éléments en ligne et niveau de bloc La différence entre les éléments :

1. Les éléments en ligne et les fonctions au niveau du bloc peuvent être convertis les uns aux autres. commuté en modifiant la valeur de l'attribut d'affichage. Éléments en ligne affichage : en ligne , élément de niveau bloc affichage : bloc.

2. Les éléments en ligne et les autres éléments en ligne seront disposés sur une ligne horizontale, tous sur la même ligne

Les éléments au niveau du bloc seront toujours disposés sur une nouvelle ligne, et chaque bloc ; Les éléments de niveau occupent une rangée exclusive et sont disposés verticalement vers le bas. Si vous souhaitez les trier horizontalement, vous pouvez utiliser les flotteurs gauche et droit (float : gauche/droite) pour les disposer horizontalement.

3. La largeur et la hauteur des éléments en ligne ne peuvent pas être définies. La largeur et la hauteur changent avec le changement du contenu du texte, mais la hauteur de la ligne (line-height) peut être définie en même temps. en définissant la marge extérieure, les marges supérieure et inférieure sont invalides, les marges gauche et droite sont valides et la marge intérieure est valide. Le remplissage est invalide de haut en bas, mais est valide à gauche et à droite

Éléments au niveau du bloc ; peut définir la largeur et la hauteur, et la largeur, la hauteur, les marges et le rembourrage intérieur peuvent être contrôlés à volonté.

4. Les éléments de niveau bloc peuvent contenir des éléments en ligne et des éléments de niveau bloc, et peuvent également accueillir des éléments en ligne et d'autres éléments

Les éléments en ligne ne peuvent pas contenir d'éléments de niveau bloc et ne peuvent accueillir que des éléments de niveau bloc. texte ou d’autres éléments en ligne.

L'article ci-dessus offre une compréhension complète de la différence entre les éléments en ligne et les éléments au niveau du bloc. C'est tout le contenu partagé par l'éditeur. J'espère qu'il pourra vous donner une référence et j'espère que vous le soutiendrez. le site Web PHP chinois.

Pour des informations plus détaillées sur les différences entre les éléments en ligne et les éléments de niveau bloc, veuillez prêter attention au site Web PHP chinois pour les articles connexes !

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!