针对两种不同的媒介类型（计算机屏幕和打印）的两种不同的样式表 - 在线编辑器

          <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="/examples/style1.css">
  <link rel="stylesheet" type="text/css" href="/examples/styles.css" media="print">
</head>

<body>
  <h1>实例</h1>
  <button onclick="window.print()">打印</button>
  <p>点击打印,你将会看到media="print" 的样式,这个print的样式包含绿色的标题和红色的字体</p>
</body>
</html>
        