CSS自动实现网页打印版本
2008-05-31 14:18
316 查看
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 这个命令来关掉一些装饰图片,再关掉一些导航按钮。
许多网站上都有一个针对打印的版本,但实际上这并不需要,因为可以用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 这个命令来关掉一些装饰图片,再关掉一些导航按钮。
相关文章推荐
- JS+CSS实现自动切换的网页滑动门菜单效果代码
- 实现网页的自动横向打印和边距设定
- CSS网页制作时实现自动换行的小技巧
- CSS网页制作时实现自动换行的小技巧
- CSS网页制作时实现自动换行的小技巧
- 网页打印A4纸-----表格在跨页时自动换页打印的实现
- Maven JavaWEB项目使用Gulp自动构建js和css实现代码压缩、版本后缀
- 网页打印A4纸-----表格在跨页时自动换页打印的实现
- [收藏]CSS网页制作时实现自动换行的小技巧
- 利用js和CSS实现网页局部打印
- CSS网页制作时实现自动换行的小技巧
- CSS网页制作时实现自动换行的小技巧
- CSS网页制作时实现自动换行的小技巧
- CSS网页制作时实现自动换行的小技巧
- CSS网页制作时实现自动换行的小技巧
- CSS让网页(Li)中的内容自动换行的实现方法
- footer固定在网页底部且居中,超过一屏自动撑开(最简单的CSS实现)
- JS+CSS实现自动切换的网页滑动门菜单效果代码
- css 不换行 自动换行 强制换行的实现方法