<style media="print">、<link media="print">的用法合理應用,media="print"是不被網頁所顯示的,只能在打印的效果上存在,能夠設置出打印效果和在網頁上所顯示的不同。
例:打印出來的字體和網頁是不一樣的
// 設置顯示器用字體尺寸 @media screen { BODY {
font-size:12pt; } }
// 設置打印機用字體尺寸 @media print { @import "print.css" BODY {font-size:8pt;} } css
或者<style media="print">body{
font-size:12px;}</style>
實例:
<html>
<head>
<style>
.none { display:none;}
</style>
<style media="print">.none { display:block;}
</style>
</head>
<body>
<h1>media="print" 實例</h1>
<p>在網頁裏面是能夠看見個人</p>
<p class="none"
media="print" >在網頁裏看不見我,打印出來你就能夠看見我啦! ^_^ ( 此頁面會經過 media="print" 樣式表進行格式化。 )</p>
</body>
</html>