CSS 控制打印样式

CSS 控制打印样式

 

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

 

这是导入外部css文件的代码，并且导入样式应用在“打印预览模式”下，此代码引用的print.css文件在正常浏览网页的情况下是不起作用的，在打印页面的时候才会应用。 link 是html标签，导入外部文件。 href 是导入文件的路径。 rel 定义文档与链接的关系,取值“stylesheet”为一个外部加载的样式表 type 所导入文件的类型,取值“text/css”是css文件。 media 媒体类型，默认为screen（计算机屏幕）。取值为“print”意为打印预览模式 。

 

 

可以用如下几种方式定义print css：1. <link rel="stylesheet" href="/Themes/canbeing/style/print.css" type="text/css" media="print" />2. @import url("print.css") screen;3. @media print { body { font-size: 12px; } }4. <style media="print">body{font-size:12px;}</style>其实print是样式表（stylesheet）的一个媒介（media）属性，样式表的媒介属性有八种值：all用于所有输出设备braille用于盲文触觉反馈装置embossed用于分页盲文打印机handheld拟用于手持设备（通常是小屏幕，有限的带宽）print用于打印机预览及打印projection用于投影机screen（默认） 用于彩色计算机屏幕speech用于语音合成器，CSS2中也有类似的媒体类型（aural）tty拟使用于固定宽度（如电传打字机，码头，或显示能力有限的便携设备）的字符网格媒体。tv用于电视类型的设备（低分辨率，颜色，有限的可滚动屏幕，音响可用）