« Le guide définitif du CSS » en chinois : tout élément visible qui n'est pas un élément de niveau bloc est un élément en ligne. La caractéristique de ses performances est la forme de « disposition en lignes ». La « disposition en lignes » signifie ici que sa forme d'expression est toujours affichée en lignes. Par exemple, lorsque nous définissons un élément en ligne border-bottom:1px solid #000;, il sera répété dans chaque ligne et il y aura une fine ligne noire sous chaque ligne. S'il s'agit d'un élément de niveau bloc, la ligne noire affichée n'apparaîtra qu'en dessous du bloc.
Les éléments tels que p, h1 ou div sont souvent appelés éléments de niveau bloc, et ces éléments sont affichés sous forme de bloc de contenu ; les éléments tels que Strong et span sont appelés éléments en ligne, et leur contenu est affiché dans la ligne, c'est-à-dire , "boîte en ligne". (Vous pouvez utiliser display=block pour convertir des éléments en ligne en éléments de bloc. display=none signifie que l'élément généré n'a aucun cadre, n'affiche pas l'élément et ne prend pas de place dans le document)
R : Les éléments en ligne sont des éléments dans une ligne et ne peuvent être placés que dans une ligne ; les éléments au niveau du bloc ne sont qu'une boîte de quatre carrés et peuvent être placés n'importe où sur la page.
B : Pour parler franchement, un élément en ligne est comme un mot ; un élément de niveau bloc est comme un paragraphe. S'il n'est pas défini autrement, il apparaîtra sur sa propre ligne.
C : éléments généraux au niveau du bloc tels que paragraphe <p>, titre <h1><h2>..., liste, <ul><ol><li>, table <table>, formulaire <form>, DIV<div > et BODY <body> et d'autres éléments. Les éléments en ligne sont tels que : les éléments de formulaire <input>, les hyperliens <a>, les images <img>, <span>…..
D : La caractéristique notable des éléments de niveau bloc est que chaque élément de niveau bloc commence à s'afficher sur une nouvelle ligne et que les éléments suivants doivent également être affichés sur une nouvelle ligne.
E : <span> est un élément en ligne dans la définition CSS, tandis que <div> est un élément de niveau bloc.
L'utilisation du mot conteneur facilitera la compréhension visuelle de leur existence et de leur objectif. Les éléments en ligne sont équivalents à de petits conteneurs, tandis que <div> équivaut à un grand conteneur. Bien sûr, un petit conteneur peut être placé dans un grand conteneur. <span> est un petit conteneur.
Un élément de bloc est généralement un élément conteneur pour d'autres éléments. Les éléments de bloc commencent généralement sur une nouvelle ligne. Il peut accueillir des éléments en ligne et d'autres éléments de bloc. Un élément de bloc commun est la balise de paragraphe « P ». Spécial, il ne peut être utilisé que pour contenir d’autres éléments de bloc.
Sans l'aide de CSS, les éléments de bloc seront disposés une ligne à la fois. Avec CSS, nous pouvons changer le mode de mise en page par défaut de ce HTML et placer les éléments de bloc où vous le souhaitez. Au lieu de commencer bêtement une nouvelle ligne à chaque fois. Il convient de souligner que la balise table est également un type d'élément de bloc. La mise en page basée sur un tableau et la mise en page basée sur CSS examinent ces deux mises en page du point de vue des utilisateurs ordinaires (à l'exclusion des personnes malvoyantes, aveugles, etc.), à l'exception des vitesse de chargement des pages À part la différence, il n’y a pas d’autre différence. Cependant, si un utilisateur ordinaire clique par inadvertance sur le bouton Afficher le code source de la page, la différence entre les deux sera très grande. Le code source de la page de mise en page CSS conçu sur la base de bons concepts de reconstruction peut au moins permettre aux utilisateurs ordinaires sans expérience en développement Web de comprendre rapidement le contenu. De ce point de vue, le code de mise en page CSS devrait avoir une meilleure expérience esthétique.
Vous pouvez considérer l'élément conteneur de blocs div comme des boîtes, ou si vous avez joué avec le découpage, ce sera plus facile à comprendre. Nous avons d'abord découpé les articles nécessaires dans divers journaux et magazines. Chaque élément de contenu coupé est un bloc. Ensuite, nous avons collé ces morceaux de papier sur un nouveau morceau de papier vierge selon notre intention de mise en page. Cela formera votre propre résumé unique. En tant qu'extension de la technologie, la conception de la mise en page Web suit le même modèle.
Les éléments en ligne sont généralement basés sur des éléments de base au niveau sémantique. Les éléments en ligne ne peuvent contenir que du texte ou d'autres éléments en ligne, et l'élément en ligne commun "a" l'est.
L'élément bloc (élément de bloc) et l'élément en ligne (élément en ligne) sont des concepts de la spécification HTML. La différence fondamentale entre les éléments block et les éléments inline est que les éléments block commencent généralement sur une nouvelle ligne. 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 à l'élément en ligne cite, afin qu'il ait également l'attribut de commencer à partir d'une nouvelle ligne à chaque fois.
Le concept de base d'un élément mutable est qu'il doit déterminer si l'élément est un élément de bloc ou un élément en ligne en fonction du contexte. Les éléments variables appartiennent toujours aux deux catégories d'éléments ci-dessus. Une fois que le contexte a déterminé sa catégorie, il doit suivre les règles des éléments de bloc ou des éléments en ligne. Voir le texte intégral pour la classification approximative des éléments.
ps : Concernant le nom chinois de l'élément en ligne, il existe de nombreux types d'éléments en ligne, éléments en ligne, éléments en ligne et éléments en ligne. Fondamentalement, il n’existe pas de traduction unifiée, appelez-la simplement comme vous voulez. De plus, lorsque nous parlons d'éléments en ligne, nous penserons à un attribut d'affichage appelé display:inline ; cet attribut peut résoudre le fameux problème de double bordure flottante (marge flottante) d'IE.
élément de bloc
* adresse - adresse
* blockquote - bloc de citation
* centre - bloc d'alignement central
* dir - liste des répertoires
* div - le niveau de bloc couramment utilisé est également 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 - Titre
* h2 - sous-titre
*h3 - Titre de niveau 3
*h4 - Titre de niveau 4
*h5 - Titre de niveau 5
*h6 - Titre de niveau 6
*h - diviseur horizontal
* isindex - invite de saisie
*menu - liste des menus
* noframes - contenu facultatif des frames (afficher ce contenu de bloc pour les navigateurs qui ne prennent pas en charge les frames
*noscript -) Contenu de script facultatif (afficher ce contenu pour les navigateurs qui ne prennent pas en charge le script)
*ol - formulaire de tri
* p - paragraphe
* texte pré-formaté
* tableau - tableau
* ul - élément en ligne de liste non triée (élément en ligne)
* a - point d'ancrage
*abbr - abréviation
*acronyme - mot initial
* b - gras (non recommandé)
* bdo - remplacement du bidi
* gros - grande police
* br - saut de ligne
*citer - citer
* code - code informatique (obligatoire pour citer le code source)
* dfn - définir les champs
*em - emphase
* police - paramètres de police (non recommandé)
* i - italique
* img - image
* saisie - zone de saisie
* kbd - définit le texte du clavier
* étiquette - étiquette de table
*q - courte citation
* s - tiret (non recommandé)
* samp - définit un exemple de code informatique
* select - sélection d'articles
* petit - texte en petite police
* span - conteneur en ligne couramment utilisé pour définir des blocs dans le texte
* frappe - ligne médiane
*fort – accent gras
* indice - indice
* sup - exposant
* zone de texte - zone de saisie de texte multiligne
*tt - texte télex
* u - soulignement
* var - définit un élément variable variable - un élément variable est un élément de bloc ou un élément en ligne selon le contexte.
* applet - applet java
* bouton - bouton
* del - supprimer le texte
* iframe - cadre en ligne
* ins - texte inséré
* carte - bloc d'image (carte)
* objet - objet objet
* script - script client
Popularité : 26 % [?]