Gerador de Folha de Estilo para Impressão Gere folhas de estilo @media print com opções para ocultar elementos, estilizar texto e controlar quebras de página.

A consulta @media print aplica estilos apenas quando a página está sendo impressa. As melhores práticas incluem: ocultar elementos não essenciais (nav, rodapé, anúncios) com display: none !important; forçar cor: #000 e fundo: #fff para legibilidade e eficiência de tinta; usar page-break-after: avoid em cabeçalhos para mantê-los com seu conteúdo; page-break-inside: avoid em imagens e tabelas para evitar divisões desajeitadas; mostrar URLs de links com a[href]::after { content: " (" attr(href) ")"; }; e expandir o conteúdo para largura: 100% removendo restrições de largura fixa. A regra @page controla as margens da página: @page { margin: 2cm; }. Use a declaração !important para substituir estilos inline e problemas de especificidade. Folhas de estilo de impressão devem ser testadas com a visualização de impressão do navegador. Para sites responsivos, certifique-se de que a folha de estilo de impressão substitua quaisquer alterações de layout baseadas em consultas de mídia. Considere usar page-break-before: always para seções que devem começar em novas páginas.