CSS如何添加打印样式及print媒体查询

网页打印效果常被忽视，但通过CSS的@media print规则或media="print"样式表引入，开发者能精准控制打印时的视觉呈现——隐藏导航栏、广告等非核心元素，调整字体大小与颜色以节省墨水，优化分页与布局，让打印内容更简洁、清晰、实用；这种轻量却关键的技巧，显著提升用户在纸质输出场景下的体验。

在网页开发中，有时需要控制页面打印时的显示效果，比如隐藏导航栏、广告或按钮，只保留核心内容。CSS 提供了通过 media="print" 来定义打印样式的方法，让网页在打印时自动应用特定样式。

使用 @media print 定义打印样式

最常用的方式是在 CSS 文件或页面的