如何将css应用于打印div

将CSS应用于打印div的方法是通过使用@media打印媒体查询来定义打印样式。下面是一个完整的步骤：

创建一个CSS样式表，用于定义打印样式。可以在HTML文件中的<head>标签内或外部CSS文件中定义。
在样式表中，使用@media打印媒体查询来指定打印样式。媒体查询的语法是@media print {}，其中{}内是打印样式的定义。
在@media print {}内，选择要应用打印样式的div元素，并定义相应的样式属性。例如，可以设置打印时的字体、颜色、边距、背景等。
将样式表链接到HTML文件中。可以使用<link>标签将外部CSS文件链接到HTML文件，或者在<head>标签内使用<style>标签来定义内部样式表。
在需要打印的div元素上添加一个class或id属性，以便样式表可以选择并应用样式。
在浏览器中打开HTML文件，并选择打印选项。在打印预览中，应用的打印样式将被显示。

以下是一个示例：

HTML文件：

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="print-style.css">
</head>
<body>
    <div class="print-div">
        <!-- 打印内容 -->
    </div>
</body>
</html>

print-style.css文件：

@media print {
    .print-div {
        font-size: 12pt;
        color: #000;
        margin: 20px;
        background-color: #fff;
        /* 其他样式属性 */
    }
}

在上面的示例中，.print-div类选择器用于选择需要打印的div元素，并在@media print媒体查询内定义了打印样式。可以根据需要添加或修改样式属性。

请注意，以上答案是基于一般的CSS打印样式应用，具体的应用场景和需求可能会有所不同。对于更复杂的打印需求，可能需要使用更高级的技术或工具来实现。