sábado, mayo 03, 2014

Modelo de cajas o box model en css.

imagen de box model css
El "Box model "o modelo de cajas es una de las partes más importantes del CSS .
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

fotos

border-radius






probando la letra de ¡l blog











Guardar como