当前位置:首页 > 设计在线 > 平面动画 > Photoshop > CSS自动实现网页打印版本

CSS自动实现网页打印版本

点击次数:21 次 发布日期:2008-11-21 11:44:54 作者:源代码网
源代码网推荐

源代码网整理以下  CSS自动实现网页打印版本

源代码网整理以下  许多网站上都有一个针对打印的版本,但实际上这并不需要,因为可以用CSS来设定打印风格。

源代码网整理以下  也就是说,可以为页面指定两个CSS文件,一个用于屏幕显示,一个用于打印:

源代码网整理以下  <link type="text/css" rel="stylesheet" href="stylesheet.css" media="screen" />
  <link type="text/css" rel="stylesheet" href="printstyle.css" media="print" />

源代码网整理以下  第1行就是显示,第2行是打印,注意其中的media属性。

源代码网整理以下  但应该在打印CSS中写什么东西呢?你可以按设计普通CSS的方法来设定它。设计的同时就可以把这个CSS设成显示CSS来检查它的效果。也许你会使用 display: none 这个命令来关掉一些装饰图片,再关掉一些导航按钮。

源代码网供稿.
网友评论 (0)
会员中心
设计在线
本站推荐
设计在线之精华