最新更新 sitemap 设计搜素
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
网上家居 虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442

CSS自动实现网页打印版本

日期:11-01    来源:cnwebshow.com整理|    作者:

    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 这个命令来关掉一些装饰图片,再关掉一些导航按钮。