CSS自动实现网页打印版本

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

转载请注明出处:https://www.onexin.net/css-web-pages-automatically-print-version/

随机文章:

1、CSS垂直树形下拉菜单
https://www.onexin.net/css-vertical-drop-down-menu-tree/

2、PHP compact — 建立一个数组,包括变量名和它们的值
https://www.onexin.net/php-compact/

3、PHP设计模式(二十四)—注册树模式(Registry Pattern)
https://www.onexin.net/php-registry-pattern/

4、CSS的“弹出式”图像浏览器
https://www.onexin.net/css%e7%9a%84%e2%80%9c%e5%bc%b9%e5%87%ba%e5%bc%8f%e2%80%9d%e5%9b%be%e5%83%8f%e6%b5%8f%e8%a7%88%e5%99%a8/

5、PHP 5.3 上安装 Magento 解决方法
https://www.onexin.net/php-5-3-installed-magento-solution/

Leave a Reply