Maison > interface Web > tutoriel CSS > Quels sont les éléments courants au niveau des blocs CSS ?

Quels sont les éléments courants au niveau des blocs CSS ?

王林
Libérer: 2020-11-12 15:45:31
avant
4292 Les gens l'ont consulté

Quels sont les éléments courants au niveau des blocs CSS ?

Introduction aux éléments CSS au niveau des blocs :

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

Selon le W3C, l'explication ci-dessus signifie que les éléments de bloc (au niveau du bloc) sont affichés sur une ligne exclusive. Ses éléments frères ne doivent pas être sur la même ligne que lui (sauf hors du flux documentaire). En fait, en termes simples, les éléments de bloc sont généralement des éléments conteneurs pour d'autres éléments et peuvent accueillir d'autres éléments de bloc ou des éléments en ligne. Les plus courants sont P et div. Pour faire simple, l'élément block est comme une boîte à quatre carrés pouvant contenir quatre autres carrés et pouvant être présentée n'importe où sur la page.

Si vous ne comprenez toujours pas la définition ci-dessus des éléments CSS au niveau du bloc, examinons les trois caractéristiques des éléments CSS au niveau du bloc :

1. l'élément est unique S'il occupe une ligne, les éléments suivants ne peuvent commencer que sur une autre ligne et deux éléments ne peuvent pas partager la même ligne.

2. La hauteur, la largeur, la hauteur de ligne et les marges supérieure et inférieure de l'élément peuvent être définies. ​

3. Si la largeur de l'élément n'est pas définie, elle est par défaut la largeur de l'élément parent.

Éléments courants au niveau des blocs CSS :

address : 地址。
blockquote:块引用。
center:举中对齐块。
dir:目录列表。
div: 常用块级容易,也是CSS layout的主要标签。
dl:定义列表。
fieldset:form控制组。
form:交互表单。
h1– h6:标题。
hr:水平分隔线。
isindex :input prompt。    
menu:菜单列表。
noframes:frames可选内容,(对于不支持frame的浏览器显示此区块内容)。
noscript :可选脚本内容(对于不支持script的浏览器显示此内容)。
ol:有序表单。
p: 段落。
pre:格式化文本。
table:表格。
ul:无序列表。
Copier après la connexion

Recommandations associées : Tutoriel CSS

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!

Étiquettes associées:
source:gxlcms.com
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