Ejercicio #2 de posicionamiento de contenedores
A continuación se presenta un segundo ejemplo de posicionamiento de contenedores.
Este es el resultado que se pretende logar:
Código HTML:
Código CSS:
¡NO OLVIDES PONER TU NOMBRE!
RESULTADO FINAL:
Posicionamiento de contenedores con CSS
Bueno, antes que nada, debemos aclarar ¿Qué es un contenedor? Todo elemento de un documento HTML, es considerado como un contenedor o caja rectangular invisible al usuario y a la cual se le pueden aplicar ciertas propiedades para ubicar los elementos respecto a otros. Por ejemplo, si pudiéramos "visualizar" una línea al rededor de los elementos HTML que estamos programando, veríamos algo como lo siguiente: Básicamente, todos los contenedores de HTML, tienen las mismas partes: El elemento en sí mismo. El espacio de relleno que rodea al elemento HTML. El borde que rodea al elemento y al relleno. El margen que tiene ese contenedor con respecto a otros contenedores. Una vez explicado esto, pasemos al ejemplo #1 de una página web cuyas secciones están divididas por 5 contenedores: Un contenedor principal que agrupa todo el contenido al centro de la página web y deja unos márgenes a la izquierda y a la derecha del navegador. Un contenedor para contener la cabecera de la página w
Comentarios
Publicar un comentario