Las etiquetas HTML (elementos) se pueden dividir en dos categorías, a saber, elementos a nivel de bloque y elementos en línea (también llamados elementos en línea).
1. Elementos en línea (en línea)
1. El concepto de elementos en línea .
Elemento en línea (un concepto en la especificación HTML) Inglés: elemento en línea, que tiene muchos nombres chinos, como: elemento en línea, elemento en línea, elemento en línea, elemento en línea, etc. Básicamente no existe una traducción unificada. Además, cuando se trata de elementos en línea, el atributo generalmente involucrado es display:inline; este atributo puede solucionar el famoso problema del doble borde flotante de IE.
2. Características de los elementos en línea.
① En la misma línea que los elementos en línea adyacentes;
②El ancho (ancho), alto (alto), superior/inferior del margen interior (relleno superior/relleno inferior) y superior/inferior del margen exterior (margen superior/margen inferior) no se pueden cambiar;
③El ancho es el ancho de su texto o imagen y no se puede cambiar.
④Los elementos en línea solo pueden contener texto u otros elementos en línea
Al utilizar elementos en línea, debe prestar atención a los siguientes puntos:
• La configuración del ancho no es válida;
• La configuración de la altura no es válida, pero la altura de la línea se puede establecer mediante line-height;
• Se puede establecer el margen, pero sólo es efectivo para los márgenes izquierdo y derecho, no para el superior y el inferior;
• Al configurar el margen interior del relleno, sólo el relleno izquierdo y derecho es válido, mientras que el relleno superior e inferior no es válido. Cabe señalar que el rango del elemento aumenta, pero no tiene ningún efecto en el contenido alrededor del elemento. ;
• Puede cambiar un elemento entre un elemento en línea y un elemento a nivel de bloque a través del atributo de visualización.
3. Elementos en línea comunes en etiquetas HTML
2. Elementos a nivel de bloque (bloque)
1. El concepto de elementos a nivel de bloque.
El elemento de bloque (elemento de bloque) y su correspondiente elemento en línea (elemento en línea) son conceptos en la especificación HTML. La diferencia básica entre los elementos de bloque y los elementos en línea es que los elementos de bloque generalmente comienzan en una nueva línea y los elementos adyacentes a nivel de bloque se mostrarán en líneas diferentes.
2. Características de los elementos a nivel de bloque.
①Ocupe siempre una línea, lo que significa comenzar en otra línea, y los elementos posteriores también deben mostrarse en otra línea;
②Se pueden controlar el ancho, el alto, el relleno y el margen;
③Si se omite el ancho del elemento a nivel de bloque, su ancho predeterminado es el ancho de la ventana actual del navegador;
④Los elementos a nivel de bloque pueden contener otros elementos en línea y elementos a nivel de bloque.
3. Elementos comunes a nivel de bloque en etiquetas HTML