¿Cuál es el modelo de caja? ¿Puedes dar un ejemplo práctico?

¿Qué es el patrón de cuadro CSS? ¿Por qué se llama caja? Primero hablemos de los nombres de atributos que escuchamos a menudo en el diseño web: contenido, relleno, borde y margen. El profesor enseñará cuando los programadores de Dark Horse aprendan.

Podemos transferir estas propiedades del patrón de cuadro CSS a cuadros en la vida diaria para comprenderlos. Las cajas que vemos en nuestra vida diaria también tienen estas propiedades, por eso lo llamamos patrón de caja. Luego el contenido es lo que hay en la caja; el relleno es espuma u otros accesorios antisísmicos agregados para evitar dañar las cosas (caras) en la caja; el marco es el grosor del tablero de la caja; que cuando se coloca la caja no se puede apilar. Al mismo tiempo, se debe dejar un cierto espacio para mantener la ventilación y facilitar su extracción. El contenido es lo que hay en la caja. En diseño web, el contenido a menudo se refiere a texto, imágenes y otros elementos, pero también puede ser un cuadro pequeño (DIV anidado). A diferencia de las cajas en la vida real, las cosas en la vida real no pueden ser más grandes que la caja; de lo contrario, la caja se dañará, pero las cajas CSS son elásticas y las cosas que hay dentro son más grandes que la caja misma y no se dañarán como máximo.