¿Hay alguna manera de usar la misma hoja de estilo CSS para los medios impresos y el diseño predeterminado?

Question

Estoy buscando una forma de usar la misma hoja de estilo para los medios impresos que para el diseño predeterminado en pantalla. La ventaja para mí será que no tendré que actualizar 2 archivos cada vez que actualice el CSS. Preferiría tener una hoja de estilo y especificar reglas especiales para los medios impresos al denotarlas de alguna manera ... Puede que no sea posible, pero pensé que plantearía la pregunta allí.

Answer 1

Hay esta sintaxis, aunque, sinceramente, no sé si está soportada en todos los navegadores (debe ser):

@media print { 
    body { 
     background: #fff; 
     color: #000; 
    } 
    /* etc */ 
} 

Véase el media part of the CSS2 standard at W3.

Answer 2

Si desea que los estilos sean los mismos en todos los medios, simplemente defina los estilos comunes en la hoja de estilo de forma normal (es decir, no en ninguna regla de medios) luego coloque los elementos específicos de medios en las reglas relevantes.

Si quieres algunos estilos para aplicar a un subconjunto de los medios de comunicación, puede hacerlo de esta manera:

@media print { 
    body { font-size: 10pt } 
} 
@media screen { 
    body { font-size: 13px } 
} 
@media screen, print { 
    body { line-height: 1.2 } 
} 

Aquí hay un enlace a la relevant W3C page