css支持10种不同媒体类型：
all, braille, embossed, handheld, print, projection, screen, speech, tty, tv

• all 适用于每一种设备，这是默认值
• screen 只适用于显示器，指定媒体类型为screen之后，浏览器在打印网页时会忽略那些样式
• print 只适用于打印网页。

<link ref='stylesheet' media="print" href="print.css"/>

@import url(print.css) print;  // IE8 不适用

<link ref="stylesheet" media="screen, projection, handheld" href="screen.css"/>

@media print {
  ...
}

提示： 在创建和测试打印机样式时，可以先把media=“screen”和media="print" 换成其他的样式，这样就可以先预览了

给打印的部分添加尺寸：

p {
   font-size: 12pt;
}

给打印的文件添加黑白的logo

![](logo.jpg)

.logo {
  display: none;
}

@media print {
    .logo {
       display: block;
    }
}

在打印中显示链接

a:after {
 content: "(" attr(href) ") ";
}

a[href^="http://"]:after {
 content: "(" attr(href) ") ";
}

分页符

page-break-before: always;
page-break-after: always;