html中打印预览的代码

HTML中有很多实用的功能，其中之一就是打印预览。通过在HTML中加入打印预览的代码，用户可以在打印网页之前查看其效果，确保打印出来的文档符合其要求。

要使用HTML打印预览，需要在HTML中添加一些代码。以下是一个示例：

	
		@media print {
		
  body {font-size: 12px;}
		
  .no-print {display:none;}
		
  .print {display:block;}
		
}
	

在这个代码中，我们使用了@media规则。这个规则告诉浏览器，只有在打印模式下才应用这些样式。

样式中包含了一个针对body元素的字体大小设定，以及两个类别：no-print和print。

no-print类别被设定为不可见的，这意味着任何被标记为no-print的元素在打印预览中都不会显示。相反，任何被标记为print的元素将在打印预览中显示。

这个示例代码只是一个基本的打印预览示例。开发人员可以根据自己的需求进一步调整它，来确保打印出来的文档达到他们的需要。