Una de las características más importantes de las hojas de estilos CSS es que permiten que las páginas web se adapten fácilmente a los diferentes dispositivos: pantalla, impresora, móviles, televisión, etc.
CSS permite aplicar diferentes estilos a un mismo elemento en función del dispositivo utilizado para acceder a los contenidos. Además, algunas propiedades CSS sólo tienen sentido en determinados dispositivos, como la paginación y los saltos de página para los medios impresos o el volumen y tipo de voz para los medios de audio.
Cada uno de los dispositivos se llaman "medios" en CSS y la siguiente tabla recoge todos los medios que define CSS:
Medio | Descripción |
---|---|
all |
Todos los medios definidos |
braille |
Dispositivos táctiles que emplean el sistema braille |
embosed |
Impresoras braille |
handheld |
Dispositivos de mano como móviles y PDA |
print |
Impresoras y navegadores en el modo "Vista Previa para Imprimir" |
projection |
Proyectores y dispositivos para presentaciones |
screen |
Pantallas de ordenador |
speech |
Sintetizadores para navegadores de voz utilizados por personas discapacitadas |
tty |
Dispositivos textuales limitados como teletipos y terminales de texto |
tv |
Televisores y dispositivos con resolución baja |
Los medios más utilizados actualmente son screen
(para definir el aspecto de la página en pantalla) y print
(para definir el aspecto de la página cuando se imprime), seguidos de handheld
(que define el aspecto de la página cuando se visualiza mediante un dispositivo móvil).
Además, CSS clasifica a los medios en diferentes grupos según sus características. La siguiente tabla resume todos los grupos definidos en el estándar:
Medio | Continuo / Paginado | Visual / Auditivo / Táctil / Vocal | Mapa de bits / Caracteres | Interactivo / Estático |
---|---|---|---|---|
braille |
continuo | táctil | caracteres | ambos |
embossed |
paginado | táctil | caracteres | estático |
handheld |
ambos | visual, auditivo, vocal | ambos | ambos |
print |
paginado | visual | mapa de bits | estático |
projection |
paginado | visual | mapa de bits | interactivo |
screen |
continuo | visual, auditivo | mapa de bits | ambos |
speech |
continuo | vocal | (no tiene sentido) | ambos |
tty |
continuo | visual | caracteres | ambos |
tv |
ambos | visual, auditivo | mapa de bits | ambos |
En primer lugar, el flujo de contenidos puede ser continuo (como por ejemplo en una pantalla) o puede estar dividido en páginas (como por ejemplo en una impresora). Además, la forma de acceder a la información puede ser visual, auditiva, táctil y/o vocal. Los medios pueden mostrar la información en un mapa de bits (por ejemplo una pantalla) o mediante una serie de caracteres (por ejemplo en una impresora braille). Por último, algunos medios permiten la interacción con los usuarios y otros medios no lo permiten y se consideran estáticos.
Extrayendo solamente la información relativa a la forma de acceso a los contenidos, la tabla anterior se puede reordenar de la siguiente manera:
Grupo | Medios que incluye |
---|---|
visual | handheld , print , projection , screen , tty , tv |
auditivo | handheld , screen , tv |
vocal | handheld , speech |
táctil | braille , embossed |