Maison  >  Article  >  interface Web  >  Quelle est la définition des éléments CSS au niveau du bloc ? Quels sont les éléments CSS au niveau du bloc ?

Quelle est la définition des éléments CSS au niveau du bloc ? Quels sont les éléments CSS au niveau du bloc ?

不言
不言original
2018-09-04 16:10:276992parcourir

Que sont les éléments CSS au niveau des blocs ? Pour certains amis qui viennent d'apprendre CSS, ils ne comprennent peut-être pas bien ce problème. Alors, dans cet article, je vais vous présenter la définition des éléments CSS au niveau du bloc, et quels sont les éléments CSS au niveau du bloc ?

La définition des éléments CSS au niveau du bloc

Selon l'explication du W3C, cela signifie que les éléments de bloc (au niveau du bloc) sont affichés sur leur propre ligne. 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.

Après avoir lu les caractéristiques de ces trois éléments CSS au niveau du bloc, vous devriez maintenant avoir une meilleure compréhension des éléments CSS. Voyons ensuite quels sont les éléments CSS au niveau du bloc ?

Quels sont les éléments CSS au niveau du bloc ?

Éléments courants au niveau des blocs CSS :

adresse : Adresse.
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:无序列表。
blockquote : bloquer la citation.

centre : bloc d'alignement central. dir : liste des répertoires. div : niveau de bloc couramment utilisé, c'est aussi la balise principale de la mise en page CSS.

dl : liste de définitions.

fieldset : groupe de contrôle de formulaire.

formulaire : formulaire interactif.

h1– h6 : Titre. hr : diviseur horizontal. isindex : invite de saisie.

menu : liste de menus.
noframes : contenu facultatif des frames, (ce contenu de bloc est affiché pour les navigateurs qui ne prennent pas en charge les frames). noscript : contenu de script facultatif (affiché pour les navigateurs qui ne prennent pas en charge le script).

ol : Formulaire commandé. p : Paragraphe. pre : texte formaté.

tableau : tableau. ul : liste non ordonnée.
L'introduction des éléments CSS au niveau des blocs se termine ici. Le prochain article vous présentera Que sont les éléments CSS en ligne ? La différence entre les éléments CSS au niveau du bloc et les éléments en ligne . Recommandations associées : Que sont les éléments en ligne et les éléments de niveau bloc ? _html/css_WEB-ITnoseIntroduction aux éléments CSS au niveau du bloc/éléments en ligne, à l'héritage et aux attributs associés

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