—Las hojas de estilo permiten especificar que un documento web tenga una apariencia cuando el documento se muestre en una pantalla y otra diferente cuando se imprima o cuando se visualice en un movil, o en una tablet, etc.
Para hacerlo tendremos que recurrir a la directiva @media.

 

 

/* Definimos las reglas de estilo de la forma habitual.*/ 
body { background-color: #000099; }
p { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #FFFFFF;}

/*Y ahora indicamos las características para imprimir*/
@media print 
{ body { background-color: #FFFFFF; }
p { font-family: "Times New Roman", Times, serif; font-size: 10pt; color: #000000; }
}
 /*Podríamos seguir especificando otros selectores o clases de aplicación general*/
---- 
</style>

 

Medios

all:para todos los dispositivos de salida.

aural:para sintetizadores de voz;

braille:para presentación en dispositivos braille;

embossed

handheld

print:para salida a una impresora;

projection:para presentaciones en proyectores;

screen:para presentación en pantallas de computadoras no-paginadas

tty:para pantalla en celda de caracteres (usando una fuente de inclinación fija);

tv: para televisores;