Generador de Hoja de Estilos para Impresión Genera hojas de estilos @media print con opciones para ocultar elementos, dar estilo al texto y controlar los saltos de página.

La consulta @media print aplica estilos solo cuando la página se está imprimiendo. Las mejores prácticas incluyen: ocultar elementos no esenciales (navegación, pie de página, anuncios) con display: none !important; forzar color: #000 y background: #fff para legibilidad y eficiencia de tinta; utilizar page-break-after: avoid en encabezados para mantenerlos con su contenido; page-break-inside: avoid en imágenes y tablas para evitar divisiones incómodas; mostrar las URL de los enlaces con a[href]::after { content: " (" attr(href) ")"; }; y expandir el contenido al 100% del ancho eliminando las restricciones de anchura fija. La regla @page controla los márgenes de la página: @page { margin: 2cm; }. Utiliza la declaración !important para anular estilos en línea y problemas de especificidad. Las hojas de estilo para imprimir deben probarse con la vista previa de impresión del navegador. Para sitios web responsivos, asegúrate de que la hoja de estilo para imprimir anule cualquier cambio de diseño basado en consultas de medios. Considera utilizar page-break-before: always para las secciones que deban comenzar en nuevas páginas.