El índice z o `z-index`en CSS es una propiedad que se utiliza para controlar el orden de apilamiento de los elementos posicionados en una página web.
Dicho de otro modo, determina cuáles de estos elementos están al frente y cuáles están detrás cuando se superponen.
Aquí se especifica cómo se puede utilizar el índice z en CSS:
En primer lugar, es importante recordar que solo los elementos que tienen una posición de `relative`, `absolute`, `fixed` o `sticky` pueden obtener un índice z aplicado.
```html
```css
#primero {
width: 200px;
height: 200px;
position: absolute;
z-index: 2; /* Este elemento estará al frente porque su índice z es mayor*/
}
#segundo {
width: 200px;
height: 200px;
position: absolute;
z-index: 1;
}
```
En este caso, `#primero` se ubicará frente a `#segundo` porque su `z-index` es mayor a pesar de que se declare después.
Los valores de índice `z-index` pueden ser positivos, negativos o cero. Sin embargo, si no se especifica un `z-index` para un elemento, su valor predeterminado será “auto”.
Si dos elementos tienen el mismo valor de índice Z, el que se declare último en el HTML será el que se muestre en la parte superior.
Es importante tener precaución al utilizar índices z muy elevados para asegurar la accesibilidad y prevenir la superposición no deseada de elementos.
