Maison >interface Web >tutoriel CSS >Explication détaillée de la différence entre les éléments en ligne et les éléments de niveau bloc

Explication détaillée de la différence entre les éléments en ligne et les éléments de niveau bloc

迷茫
迷茫original
2017-03-25 10:46:391874parcourir

1. La différence entre les éléments en ligne et les éléments de niveau bloc

1. Les éléments en ligne n'occuperont pas toute la ligne et sont disposés en une ligne droite. Ils sont tous sur la même ligne, disposés horizontalement

Les éléments au niveau du bloc occuperont une ligne, disposés verticalement ;

 2. Les éléments de niveau bloc peuvent contenir des éléments en ligne et des éléments de niveau bloc ; les éléments en ligne ne peuvent pas contenir d'éléments de niveau bloc.

3. La différence entre les attributs des éléments en ligne et des éléments au niveau du bloc est principalement due aux attributs du modèle de boîte. Le paramètre de largeur des éléments en ligne n'est pas valide, la hauteur n'est pas valide (. la hauteur de la ligne peut être définie), et la marge haut et bas n'est pas valide, le remplissage vers le haut et vers le bas n'est pas valide.

2. Conversion des éléments en ligne et des éléments de niveau bloc

Conversion des éléments en ligne éléments Pour les éléments de bloc : display:block;

Les éléments de bloc sont convertis en Éléments en ligne: display:inline;

3.

Description du problème : Pourquoi la largeur et la hauteur des éléments en ligne tels que img et input peuvent-elles être définies ?

Réponse détaillée :

Les éléments sont la base de la structure du document. En CSS, chaque élément génère une boîte (box, également traduit par « box ») qui contient le contenu de l'élément. Mais différents éléments seront affichés différemment. Par exemple,

et

sont différents, et Différents types sont spécifiés pour différents éléments dans la définition du type de document (DTD), ce qui est l'une des raisons pour lesquelles la DTD est importante pour les documents.

 1. Éléments remplaçables et non remplaçables

À partir des caractéristiques de l'élément lui-même, il peut être divisé en éléments remplaçables et non remplaçables.

a) Élément de remplacement

L'élément de remplacement signifie que le navigateur détermine le contenu d'affichage spécifique de l'élément en fonction de ses balises et de ses attributs.

Par exemple, le navigateur lira les informations sur l'image et les affichera en fonction de la valeur de l'attribut src de la balise , mais si vous affichez le code HTML (X), vous ne pouvez pas voir le contenu réel de l'image ; autre exemple

En fonction de l'attribut type de la balise , décidez si vous souhaitez afficher une zone de saisie, un bouton radio, etc.

  Les éléments , ,