使用 CSS 设置用于打印的页面样式可以通过 @media 规则来实现。在 CSS 中，可以通过 @media print 来针对打印样式设置特定的样式规则。例如，可以设置打印页面的背景颜色、字体样式、页面布局等等。
以下是一些常用的针对打印样式的 CSS 属性：
page-break-before 和 page-break-after：在打印页面时，这些属性可以控制分页。例如，可以使用 page-break-after: always; 来强制在某个元素后进行分页。font-size：可以通过设置不同的字体大小来适应不同的打印需求。color：可以设置打印页面上文本的颜色。background-color：可以设置打印页面的背景颜色。display：可以设置打印页面上元素的显示方式，如 display: none; 可以隐藏某个元素。以下是一个简单的示例，展示如何使用 @media 规则来设置针对打印样式的 CSS：
@media print {
body {
font-size: 12pt;
color: black;
background-color: white;
}
h1, h2, h3 {
page-break-after: avoid;
}
.no-print {
display: none;
}
}在上述代码中，@media print 表示这些样式规则仅适用于打印页面。在打印页面时，将使用这些样式规则来设置页面样式。例如，body 元素的字体大小为 12pt，文本颜色为黑色，背景颜色为白色。h1、h2、h3 元素的 page-break-after 属性设置为 avoid，这表示打印时避免在这些元素后进行分页。.no-print 类的元素在打印页面中将被隐藏，因为其 display 属性设置为 none。
使用针对打印样式的 CSS 可以帮助我们更好地控制打印页面的样式和布局，从而获得更好的打印效果。
