¿Cuál es el modelo de caja frontal?

Modelo de cuadro: cuando se diseña un documento, el motor de renderizado del navegador representa todos los elementos como cuadros rectangulares de acuerdo con el modelo de cuadro básico CSS, que es uno de los estándares.

Composición: Un cuadro consta de cuatro partes: contenido, relleno, borde y margen.

Ancho total del cuadro = ancho (ancho del contenido) + relleno + borde + margen;

Alto total del cuadro = alto (alto del contenido) + relleno + borde + margen.