Las hojas de estilo permiten especificar que un estilo 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;
|
|
