为打印输出创建一个CSS样式

　　有的时候，你可以不必在你的Web站点上创建一个独立的与打印相关的页面。
　　大多数的Web页面都显示在电脑屏幕上，人们通过屏幕观看，但是，有时候用户想要将一些网上的内容打印出来，这就需要与打印媒体连接起来。由于原来采用的是能让Web页面在屏幕上显示的效果很好的那种格式，但在打印时效果并不那么好，Web创建者们通常都会创建一些独立的页面，这些页面与打印机联系紧密，而用户也需要经常打印这些页面。但如果你使用了XHTML标记和CSS，你就没必要再创建一个独立的与打印机相连接的页面了，你仅仅只需要几种CSS样式来将需打印的页面的内容进行格式化，以便于打印输出就行了。
　　以良好的标记开头
　　XHTML和CSS有一种特殊的功能，即内容与表述是各自独立的；你可以随意将其格式改成另一种媒体形式，而不必改变它的内容，也不必改变它的基本标记。不过为了使这一想法能在实践中成为可能，你应该让你的结构标记好一点，干净整洁一点。因此，在你准备用CSS创建一个与打印机相连的页面之前，要仔细看看它的XHTML标记。
　　清除该标记中所有的内嵌样式以及其它固有的表述格式。为了让该打印媒体的CSS文件能发挥应有的作用，所有的样式和格式都必须由它自带的样式表来决定，而不是由它的标记中的格式来决定。同样，将页眉中所有的CSS样式移走，将它们存入一个外部样式表中，这个表是附在（连接在或被输入）该XHTML文档中的。
　　检查标记的时候，你要确定它的内容都是按逻辑分组的，分成了一个个的div，而且每一个div都是通过其ID或类别来鉴别。
　　第一步：添加一个打印样式表
　　用CSS创建一个与打印机密切联系的页面的第一步，是将打印媒体的CSS文件附加到你的XHTML文档中。与下面两个独立的CSS文件相比，我更倾向于使用XHTML页眉中的链接，这两个文件，一个是有关所有媒体的（或者屏幕媒体），另一个是有关打印媒体的。该链接看起来与下面这些有点相似：
　　<link rel="stylesheet" type="text/css" media="all" href="mysite-all.css" />
<link rel="stylesheet" type="text/css" media="print" href="mysite-print.css" />
　　第二步：设置颜色和字体
　　在屏幕上，那些有色文本，多彩的颜色，以及纹理清晰的背景看起来比较宜人，但是如果是在一张由一台黑白打印机打印出来的纸张上，可能就不那么好了。在这种情况下，通常是简单的黑底白字更好看一些。
　　通常设计师们会在主体标签选择器中设定默认背景和文本颜色。这个选择器还设置默认字体外形和大小，如下所示：

补充：Css教程,样式布局