css设置页面的打印样式及css用于不同媒体介质的设置
<link href="../CSS/Print_Style.css" rel="stylesheet" type="text/css" media="print" />
?
我加了两个样式，Style.css为页面显示的样式，Print_Style.css为打印机专用的样式，这样就可以兼顾页面显示和打印了。
下面是css里Media属性的可选项
screen：指计算机屏幕。
print：指用于打印机的不透明介质。
projection：指用于显示的项目。
braille：盲文系统，指有触觉效果的印刷品。
aural：指语音电子合成器。
tv：指电视类型的媒体。
handheld：指手持式显示设备(小屏幕，单色)
all：适合于所有媒体。
?
指定媒体的两种方法W3C中有两种方法能为CSS制定媒体类型.在本章开头示范了其中一种方法,也就是使用<link>标签与media属性,接着让我们比较看看这两种方法.
href="screenstyles.css" />与稍早的例子类似,方法A里指定只对电脑屏幕使用screenstyles.css,如此应该能避免在打印,投影,使用手持设备浏览,使用屏幕阅读器之类的时候套用screenstyles.css内的规则. href="screenstyles.css" />
那么就会希望只有手持设备(像是PDA,手提电话等)会套用这些样式,不幸的是,标准内容在本文编写的时候似乎还没有普及到浏览器之外的世界,因此并不是任何设备都支持与其对应的媒体类型.
由于这个道理,我们会把焦点放在能够实际应用的媒体类型上,比如说打印样式.
href="screenstyles.css" />多重设定值在media属性里要用逗号隔开,同样的,如果我们以方法B指定多种媒体类型时,写法则类似这样:
href="/css/styles.css" />
?
通过为styles.css指定screen,就能确保styles.css包含的样式只会对电脑屏幕使用,同样的,把media属性设为print就能确保print.css包含的样式只在使用者打印页面时使用.
现在已经把屏幕与打印样式分开了,接着让我们看看有哪些样式适合放在打印样式表里头.
?
