行业动态您所在的位置：首页 > 新闻动态 > 行业动态
网站设计中为页面添加打印功能
2015-03-04
来源：I营销
一个网站页面中有打印功能的话，可以很方便的让访问者打印出来线下阅读。这个功能可以通过CSS(Cascading Style Sheets)来实现，CSS可以控制页面的哪个部分用来打印，哪个部分不打印。那么我们怎么才能使用CSS设计一个有好的打印页面呢？
一般的，创建打印页面需要包含以下两步：
1，创建一个CSS文件，用以修改页面的展示和移除不需要打印的元素。这个CSS文件需要独立于你的正规的CSS文件。因为两个不同的链接元素需要使用两个文件来展示。下面是一些创建打印页面的技巧：
把颜色改成白底黑字，因为背景有颜色会浪费很多墨水。
把字体调成易读的字体
把字体大小设成可让访问者调节的功能。
把链接都用下划线来标注
去掉多余的元素（导航栏，广告，java，动画FLASH，以及其他的生动的图片）
留下一个作者，这样客户就知道是谁写的
留下网址和版权。
2，使用LINK元素来制作打印页面。链接一个外部的CSS文件要用以下格式：
<link rel=”stylesheet” type=”text/css”href=”styles.css”>
给这个格式上加上“media”属性。
<link rel=”stylesheet” type=”text/css” href=”PrintStyles.css”media=”print”/>
下面是一个例子：
body {
color : #0000000;
background : #ffffff;
font family : “Times New Roman”, Times, serif;
font-size : 12pt;
}
a {
text-decoration : underline;
color : #0000ff;
}
#navigation, #advertising,#other{
Display : none;
}
I营销
