如何在页面正文中添加css文件？

Question

我正在处理一个有打印视图的页面,所以当用户点击"打印"时会弹出一个新窗口,我想为该窗口添加一个.css文件.

谢谢

Answer 1

包含样式表时,请使用:

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

Answer 2

您可以添加仅打印样式表

<link rel="stylesheet"  type="text/css"  media="print" href="print.css" />

此样式表不需要"添加"到弹出窗口.当用户处于"正常"视图时,它将被忽略,然后仅在用户打印文档时应用.

如果您想要既可见又适用于打印文档,只需将其级联即可.

<link rel="stylesheet"  type="text/css" href="normal.css" /> #normal styling
<link rel="stylesheet"  type="text/css" href="print.css" /> #override normal styling
<link rel="stylesheet"  type="text/css"  media="print" href="print.css" /> #override normal, for printer

这样你就可以获得两全其美.根据需要normal.css使用新规则覆盖css规则,print.css以使文档看起来如您所愿.新文档在视觉上看起来不同,然后以不同方式打印出来.