如何将XHTML+CSS页面转换为打印机页面(2)

2007-11-20 14:50:50 天极网 【大 中 小】 发表评论

    
    下面是一些关于使用打印媒体CSS文件的提示：
    
    如果禁止某个div的显示，就要使用display: none而不能用visibility: hidden。
    
    点（pt）和英寸（in）都不是用于屏幕显示的正确度量单位，但是它们是打印输出的正确度量单位。
    在打印媒体文件里使用的选择器要和你在所有媒体文件里使用的选择器完全相同。例如，如果你使用div #sidenav来选择所有媒体文件里id为sidenav的div，那么在打印媒体文件里使用#sidenav就可能无法成功地达到你的目的。
    
    不要忘记明确地强制替代从一个文件到另一个文件都会发生改变的规则声明。例如，如果你在所有的媒体文件里为一个元素设置了padding，并希望在打印输出里去掉这个padding，那么在打印媒体文件里加入一个忽略padding声明的样式是不够的——你必须明确地设置padding: 0pt，以取代前面的设置。
    
    如果你正在使用诸如Dreamweaver这样的图形编辑器，你就可以预览生成页面的屏幕效果，而不是打印输出的效果。要在Dreamweaver的设计（Design）查看窗里预览打印样式，就要把到打印媒体CSS文件的链接改成media="screen"。这就让你可以预览打印媒体文件里的CSS样式。不要忘了在发布你的页面之前把媒体描述符改回到media="print"。
    
    当你需要为自己的访问者提供一个打印机友好的Web页面，你不再需要为原有的页面创建一个单独的版本。添加一个对带有media="print"媒体描述符的CSS样式表的链接，就能够把任何XHTML／CSS页面转换成为一个打印机友好的页面。

更多"XHTML" 的相关消息

请选择您看到这篇新闻时的心情

查看结果　心情调查排行

佩服

微笑

难过

愤怒

路过

恶心