Las páginas web, rara vez se imprimen bien. Todos hemos tenido experiencias no del todo afortunadas cuando hemos impreso alguna web. Esto se puede subsanar utilizando y aplicando una hoja de estilos especial para tal efecto. Crear esta hoja de estilos específica puede ser particularmente útil cuando la web tenga muchos gráficos o la combinación de colores usada en la web no sea la más apropiada para su impresión.

Lo más cómodo para crear esta hoja de estilos es duplicar el css, digamos normal, y renombrarlo. Así pues tendríamos dos estilos:

<link rel="stylesheet" type="text/css" href="normal.css"  media="screen" />
<link rel="stylesheet" type="text/css" href="impresi&oacute;n.css"media="print" />

Si la página se está viendo en pantalla, se aplican los estilos que tienen definido media="screen" . Si estamos imprimiendo, se aplican los estilos que tienen definido media="print".

Dar unas reglas estandarizadas para la creación de un css para impresión es difícil, por no decir imposible. Lo que sí que es muy útil es sobre nuestro layout, dejar únicamente los elementos que deseemos que se impriman y los otros eliminarlos con "display:none". Por ejemplo:

#cabecera {
  display: none;
}
  
#menu {
display: none;
}

Se trata de facilitar la impresión al visitante de la web y evitar el gasto innecesario de tinta.