网页打印样式应该怎样单独设计？

可以使用 @media print 或 media="print" 的样式表，为打印隐藏导航、按钮等操作区域，并调整文字、背景和布局。打印仍遵循 CSS 层叠规则，不是写了 print 就一定覆盖其他声明。

@page 用于表达页面尺寸、方向和页边距等要求。长表格、代码和卡片还需要考虑分页，避免屏幕上的固定高度或 overflow 造成打印内容被裁切。打印结果应在目标浏览器预览并实际导出 PDF 检查。

beforeprint、afterprint 可用于临时调整界面，但不应把 afterprint 当作用户已成功完成纸质打印的业务凭据。浏览器设置、纸张和驱动会影响输出，也不要承诺网页可以无条件控制所有页眉页脚或背景打印选项。