El modelo de cajas es una de las caracteristicas del CSS que hace que hace que todos los elementos de la página se muestren como elementos rectangulares .
Cada vez que insertamos una etiqueta html estamos creando una caja rectangular que encierra los contenidos de ese elemento html .
Estas cajas se crean automaticamente a medida que insertamos elementos html,
Cualquier elemento html creará su propio rectangulo .
En la siguiente imagen podemos ver un ejemplo de ello .
Las cajas no son visibles a simple vista . Pero si jugais con el padding , margin o border os dareis cuenta de lo que os estoy diciendo.
Las partes que componen cada caja y su orden de vision desde el punto del usuario son :
- contenido : es el contenido html .
- relleno o padding : espacio libre entre el contenidoo y el borde .
-borde o border : linea que enciera totalmente el contenido y su relleno.
-background-color o color de fondo : imagen que se muestra por detras del contenido y el espacio de relleno .
-margin o margen : separación que existe entre las distintas cajas.
En el siguiente tutorial aprenderemos a controlar las unidades de medida .
Artículo creado por Miguel Angel. Trabajo creando los contenidos de En la red. Podeis seguirme en Google +