很多人喜欢将网页中的重要信息打印出来,但是常常遇到这种情况,网页在浏览器中非常漂亮,打印出来却非常混乱,一些看起来引人注目和五彩缤纷的页面内容,打印出来却差强人意。作为网站设计者,也需要考虑页面对于打印机是否也同样友好。 之前为Web页面创建一个打印机友好的版本意味着要设计一个布局和格式都经过修改的单独页面,这样才能够在打印的时候获得令人满意的效果,而现在不需要这样做。 本文搜集 ...
很多人喜欢将网页中的重要信息打印出来,但是常常遇到这种情况,网页在浏览器中非常漂亮,打印出来却非常混乱,一些看起来引人注目和五彩缤纷的页面内容,打印出来却差强人意。作为网站设计者,也需要考虑页面对于打印机是否也同样友好。
之前为Web页面创建一个打印机友好的版本意味着要设计一个布局和格式都经过修改的单独页面,这样才能够在打印的时候获得令人满意的效果,而现在不需要这样做。
本文搜集了一些重要的CSS页面打印技巧,可以将打印页面变为打印机友好的版本。这将不仅节省纸张,同时也考虑了打印输出。
1. 打印样式表 - 权威指南

2. 优化你的网站结构以便打印

3. 友好打印使用CSS的图像和Logo

4. CSS技巧:最终获取打印样式表

5. 制作“打印本页”按钮

6. 创建友好打印页面的简单技巧

7. 打印表格

8. 打印样式表:基础知识

9. 7大打印样式表技巧

10. 10个打印样式表技巧

11. 如何制作打印机友好的网页

12. 让您的网站对打印机友好

13. 创建打印CSS样式表需知

14. 改进打印时的链接显示

15. CSS设计:即将打印

16. 完整的CSS打印手册

via http://slodive.com/web-development/css-print-page-tricks/
声明:本文内容来源自网络,文字、图片等素材版权属于原作者,平台转载素材出于传递更多信息,文章内容仅供参考与学习,切勿作为商业目的使用。如果侵害了您的合法权益,请您及时与我们联系,我们会在第一时间进行处理!我们尊重版权,也致力于保护版权,站搜网感谢您的分享!