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