MODELO CAJA CONTENEDOR

El modelo caja contenedor nos permite organizar la disposicin de los diferentes

objetos html en la pgina web.
Por defecto todo objeto html se almacena en una caja, que si nosotros no
aplicamos ninguna propiedad css es transparente (no la miramos). Y toda caja se
encuentra dentro de otra caja, llamada contenedor.
En este modelo existen dos tipos de etiquetas que son las etiquetas block y las
etiquetas inline.
Las etiquetas block son aquellas las cuales generan de manera automtica un
salto de lnea y las cuales es posible definir ancho, alto ,mrgenes,etc.
Ejemplos: h1, div, header, nav, aside,section, article, etc.
Las etiquetas inline: son aquellas las cuales no generan de manera automtica
un salto de lnea y que no es posible aplica algunas propiedades, tales como
ancho, alto y algunas mrgenes. En estas etiquetas el ancho esta definido por el
ancho del objeto en en cual se encuentra contenido en ellas, tampoco nos deja
aplicar mrgenes superior e inferior, pero si se dejan definir mrgenes internos
(padding).
Ejemplos: span, img,ul, etc.

Tarea: Crear dos secciones ms utilizando el modelo caja contenedor en el cual

en la primera seccin este compuesta de dos artculos y la tercera de uno