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 {
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;