es un elemento a nivel de bloque.
El uso de la palabra contenedor hará que sea más fácil comprender intuitivamente su existencia y uso. Un elemento en línea es equivalente a un contenedor pequeño, mientras que
es equivalente a un contenedor grande. Se puede colocar en un recipiente pequeño en el contenedor.
Los elementos de bloque son generalmente elementos contenedores para otros elementos. Los elementos de bloque generalmente comienzan en una nueva línea. Pueden acomodar elementos en línea y otros elementos de bloque. El elemento de bloque "forma" es especial, solo se puede utilizar para acomodar otros elementos de bloque.
Sin CSS, los elementos del bloque se ordenarán, comenzando en una línea separada cada vez y llegando al final de la página. Usando CSS podemos cambiar el diseño predeterminado de HTML y colocar elementos de bloque donde desee. En lugar de empezar una nueva línea cada vez. Cabe señalar que, además de la página, la etiqueta de tabla también es un tipo de elemento de bloque desde la perspectiva de los usuarios comunes (excluidas las personas con discapacidad visual, personas ciegas, etc.). Velocidad de carga, estos dos diseños Excepto por la diferencia, no hay otra diferencia. Sin embargo, si el usuario promedio hace clic sin darse cuenta en el botón "Ver código fuente de la página", la diferencia entre los dos diseños será significativa. El diseño CSS diseñado con una buena refactorización puede al menos permitir a los usuarios normales sin experiencia en desarrollo web leer y comprender rápidamente el contenido. Desde esta perspectiva, el código de diseño CSS debería tener una mejor experiencia estética.
Puedes pensar en el elemento contenedor de bloques div como un cuadro, lo cual es más fácil de entender si has jugado cortando y pegando texto. Comencemos recortando los artículos que necesitamos de varios periódicos y revistas.
Cada trozo de recorte es un bloque y luego lo pegamos en una nueva hoja de papel en blanco según nuestra intención de diseño. Este es su Digest Express único. Como extensión de esta técnica, el diseño de la página web sigue el mismo patrón.
Los elementos en línea suelen ser elementos básicos basados en la semántica. Los elementos en línea solo pueden contener texto u otros elementos en línea. Un elemento en línea común es "a".
Elemento de bloque (elemento de bloque) y elemento en línea (elemento en línea) son conceptos en la especificación HTML. La diferencia básica entre elementos de bloque y elementos en línea es que los elementos de bloque generalmente comienzan en una nueva línea. Con la adición de controles CSS, esta diferencia en las propiedades entre elementos en bloque y en línea ya no existe. Por ejemplo, puede agregar un atributo display:block al elemento en línea al que se hace referencia para que también tenga la propiedad de comenzar en una nueva línea cada vez.
La idea básica de los elementos mutables es que necesita determinar si el elemento es un elemento de bloque o un elemento en línea según el contexto. Un elemento mutable todavía pertenece a una de las dos categorías de elementos mencionadas anteriormente. Una vez que el contexto determina su categoría, debe seguir las restricciones de las reglas para elementos de bloque o elementos en línea. Consulte el artículo completo para obtener un desglose aproximado de los elementos.
ps: con respecto a los nombres chinos de los elementos en línea, existen muchos tipos de elementos en línea, incluidos elementos incrustados, elementos en línea y elementos directos. Básicamente no existe una traducción unificada, simplemente llámala como quieras. Además de mencionar elementos en línea, también pensaremos en un atributo de visualización, es decir, display:inline, este atributo puede resolver el famoso problema de doble borde flotante (flotante cuando hay margen) de IE.