Tarea

-------------------------------------------------
¿Cómo FUNCIONA INDEX EN CSS?
Para los que no son expertos en CSS, muchas veces es un misterio el modo en que funciona la propiedad z-index. Pero locierto es que es bastante utilizada y nos permite corregir rápidamente algún detalle o problema de ubicación de los elementos, trabajando en conjunto con la archiconocida float
Las reglas básicas dez-index:
* Un contenedor está apilado al mismo nivel que su objeto “padre” a menos que esto se modifique mediante la propiedad z-index.
* z-index sólo funciona con objetos que tengan lapropiedad position seteada como relative, fixed o absolute.
* Asignar un valor de opacidad menor que 1 a un elemento posicionado genera implícitamente un contexto de apilamiento, lo que equivale a usarz-índex.
Para un contenedor posicionado, la propiedad z-index especifica:
1. El nivel de apilamiento del contenedor en el contexto de apilamiento actual.
2. Si el contenedor establece uncontexto de apilamiento local.
Si no se ha especificado un valor para z-index, los elementos se apilan en el siguiente orden (de más atrás hacia adelante):
1. Contenedores en el flujo normal, deacuerdo con la secuencia establecida en el código fuente.
2. Contenedores flotantes (que usan float).
3. Contenedores posicionados, de acuerdo a la secuencia del código fuente.
Ejemplos de uso:Como se sabe, los navegadores crean automáticamente una caja para cada elemento de la página HTML. Aunque el navegador coloca cada caja en su sitio siguiendo un algoritmo muy complejo, el estándar deCSS incluye las propiedades position, float, top, right, bottom y left para modificar esa posición inicial.
La mayoría de páginas sólo modifican la posición horizontal o vertical de las cajas, peroCSS también permite modificar su posición en una tercera dimensión. En efecto, las cajas también disponen de una posición en un eje llamado z y que permite colocar las cajas por delante o por detrás...