Una de las características más importantes de las hojas de
estilos CSS es que permiten definir diferentes estilos para diferentes medios o
dispositivos: pantallas, impresoras, móviles, proyectores, etc
|
Medio
|
Descripción
|
|
all
|
Todos los medios definidos
|
|
braille
|
Dispositivos táctiles que emplean el sistema braille
|
|
embosed
|
Impresoras braille
|
|
handheld
|
Dispositivos de mano: móviles,PDA, etc. 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
|
Podemos especificar el tipo de medio tanto si usamos la
etiqueta link
<link rel="stylesheet"
type="text/css" href="/css/estilos.css"
media="screen" /
Como si usamos la regla@import
@import url("estilos_basicos.css") screen;
@import url("estilos_impresora.css") print
