Las capas
Se pueden usar en muchas situaciones diferentes. Por ejemplo, intenta usar la propiedad z-index para crear efectos en los títulos en lugar de crear gráficos. Por un lado, es más rápido cargar texto, y por otro, proporciona una clasificación potencialmente mejor en los motores de búsqueda.
| Propiedad | Descripción | Posibles valores |
| left y top | Sitúan la esquina superior izquierda de la capa respecto a la esquina superior izquierda de la capa donde esté metida. Hay que tener en cuenta que el documento completo también se considera una capa. | distancia en pixels, por defecto cero. |
| width y height | Determinan la anchura y altura de la capa. | un tamaño en pixels. |
| Clip | Nos permite definir el área que se podrá ver dentro de la capa. Por ejemplo, clip:rect(20px 30px 40px 10px); recortará la capa creando un cuadro visible cuya esquina superior izquierda está a 10 pixels por la izquierda y 20 por arriba de la de la capa y cuyo tamaño sería de 30-10 de ancho y 40-20 de alto. | un área. |
| z-index | Las capas con un mayor z-index se colocarán más arriba (se dibujarán al final, encima de las otras). Debe ser un valor positivo y único: dos capas no pueden tener el mismo z-index. | número positivo, por defecto las capas definidas en el código HTML más tarde están más arriba. |
| Visibility | Especifican si la capa debe verse o estar oculta. | visible, hidden (oculta) oinherit (hereda la visibilidad de la capa padre). En aquellas capas que simplemente estén dentro de la página principal, este valor es equivalente a visible. |
| background-image | Gráfico de fondo de la capa. | una dirección. |
| background-color y layer-background-color | Color de fondo de la capa. | un color. |