¿De qué partes consta el modelo de caja?

La composición del modelo de caja: contenido (área de contenido) + relleno (área de relleno) + borde (área de borde) + margen (área exterior).

Descripción de las distintas partes:

contenido: el contenido del cuadro, mostrando texto e imágenes.

border (frontera): el borde que rodea el relleno y el contenido.

Relleno (Padding): borra el área alrededor del contenido y el relleno es transparente.

Margen (margen): borra el área fuera del borde y el margen es transparente.

Información ampliada

El área de contenido es el centro del modelo de cuadro. Presenta el contenido de información principal del cuadro, que puede ser texto, imágenes y otros tipos. El área de contenido tiene tres propiedades: ancho, alto y desbordamiento. Utilice los atributos de ancho y alto para especificar la altura y el ancho del área de contenido del cuadro. Cuando hay demasiada información de contenido y excede el alcance del área de contenido, puede usar el atributo de desbordamiento para especificar el método de procesamiento.

Cuando el valor del atributo de desbordamiento está oculto, la parte de desbordamiento no será visible cuando esté visible, la información del contenido de desbordamiento es visible y solo se presenta fuera del cuadro cuando se desplaza, la barra de desplazamiento; se agregará automáticamente En el cuadro, los usuarios pueden mostrar información del contenido tirando de la barra de desplazamiento; cuando sea automático, el navegador decidirá cómo manejar la parte de desbordamiento;