Maison > interface Web > tutoriel CSS > Quels sont les éléments de bloc courants en CSS ?

Quels sont les éléments de bloc courants en CSS ?

醉折花枝作酒筹
Libérer: 2023-01-05 16:10:12
original
5676 Les gens l'ont consulté

Les éléments de bloc de CSS sont : adresse, blockquote, dir, div, dl, form, hr, ol, p, pre, table, ul, caption, dd,fieldset, li, legend, noframes, noscript , h1–h6 etc.

Quels sont les éléments de bloc courants en CSS ?

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

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 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 :

  • Chaque niveau de bloc Chaque élément occupe sa propre ligne et les éléments suivants ne peuvent apparaître que sur une autre ligne. Deux éléments ne peuvent pas partager la même ligne. La hauteur, la largeur, la hauteur de ligne et les marges supérieure et inférieure de l'élément

  • peuvent toutes être définies. 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. Jetons ensuite un œil aux éléments CSS au niveau du bloc. y en a-t-il ?

Éléments communs au niveau du bloc CSS :

  • adresse : adresse.

  • blockquote : bloquer la citation.

  • centre : Bloc d'alignement central.

  • dir : liste des répertoires.

  • div : Le niveau de bloc couramment utilisé est simple, et c'est également la balise principale de CSSlayout.

  • dl : liste de définitions.

  • fieldset : groupe de contrôle de formulaire.

  • formulaire : formulaire interactif.

  • h1–h6 : Titre.

  • hr : ligne de démarcation horizontale.

  • 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.

Apprentissage recommandé : tutoriel vidéo 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: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