Sí, es igual de fácil. Puede configurar una hoja de estilo print.css y vincularla, o puede usar una consulta de medios dentro de una hoja de estilo o puede usar importar. Si no desea que aparezca #header cuando se imprima, lo usaría en su hoja de estilo.
#header {display: none; }
Tres métodos para configurar estilos de impresión
- ¿Cuáles son algunos buenos ejemplos de páginas de inicio, blogs y wordpress para sitios web de bienes raíces comerciales?
- ¿Existe un sitio web donde pueda chatear con profesionales sobre un problema?
- ¿WCF se sigue utilizando para nuevos desarrollos?
- ¿Cuál es el proceso completo de desarrollo web en codificación detallada, prueba, minificación y producción con las herramientas requeridas?
- Cómo usar jQuery en Mozilla Thimble
Para vincular tanto una hoja de estilo de pantalla (la principal) como una hoja de estilo de impresión, debe poner esto en su cabeza. En este caso, está apuntando a los medios en su HTML. Luego configure los estilos que necesita en su archivo print.css. Normalmente hago esto ya que me gusta tener archivos separados para cada uno.
Alternativamente, puede usar una consulta dentro de una hoja de estilo (la pondría en la parte inferior debajo de los estilos de pantalla)
@media print {
#header {display: none; }
}
Otra opción sería importar la hoja de estilo de impresión en su hoja de estilo principal.
@import “print.css” print;
Contenido alternativo para imprimir
Cuando imprimo hojas de estilo, a veces reemplazo parte del contenido de la pantalla con una versión impresa. Por ejemplo, si tengo un logotipo de color sobre un fondo de color en la pantalla, me gustaría usar un logotipo negro sobre un fondo blanco para imprimir. En ese caso, incluiría ambas versiones en mi html y les daría diferentes identificadores, como pantalla de encabezado y huella de encabezado.
Luego configuraría #headerprint para mostrar: none en mi hoja de estilo principal y #headerscreen para mostrar: none en mi hoja de estilo de impresión.
Recursos y tutoriales
Algunos de estos artículos son bastante antiguos, pero los principios aún se aplican. Debe tener en cuenta que pueden haber sido escritos para versiones anteriores de HTML y CSS.
Cómo configurar una hoja de estilo de impresión – Smashing Magazine
Crear una hoja de estilo de impresión personalizada en minutos
Diseño CSS: va a imprimir
CSS para tutorial de impresión
Usar consultas de medios
Consultas de medios Nivel 4
@importar