¿Qué es el Modelo de Cajas CSS?

info

Definición

El Modelo de Cajas CSS define cómo funcionan las diferentes partes de una caja para crear un elemento visible en la página web.

Control preciso del espaciado

Gestión de bordes y relleno

Diseño de layouts complejos

Cuatro componentes clave
crop_square

Contenido

Área donde se muestra el contenido

space_bar

Relleno

Espacio alrededor del contenido

border_outer

Borde

Línea que envuelve al contenido

expand

Margen

Espacio exterior a la caja