首页前端开发CSS如何使用CSS设置页面打印

如何使用CSS设置页面打印

时间2024-05-21 06:22:03发布访客分类CSS浏览39
导读: 首先我们来看看CSS媒体类型有哪些? screen(屏幕) print(打印) tv(电视) projection(投影仪) all(全部) 当然还有其他的类型,但是我们主要就是介绍使用print来制...
  首先我们来看看CSS媒体类型有哪些?   screen(屏幕)   print(打印)   tv(电视)   projection(投影仪)   all(全部)   当然还有其他的类型,但是我们主要就是介绍使用print来制作打印页面。   我们下面来看CSS设置页面打印的具体内容   有两种实现的方式   第一种   CSS代码      在这里经常使用,仅在通过设置内部的"media="print""进行打印时才应用CSS。   通过上述这种方式,需要编写两种类型的CSS,一个普通的Web页面和一个用于打印的Web页面。   第二种   我们来看下面的CSS代码   @mediaprint{   /*print的内容*/   }   这是由媒体类型实现的,通过这样做,可以在CSS的内部应用"@mediaprint"   我们以第一种方式为例来看具体的示例   代码如下   HTML代码               CSS打印方法               

Sample

  

如果是打印页可以看到文字

        CSS代码   sample_print.css   p{   color:#000000;   }   sample_screen.css   p{   color:#ffffff;   }





本文转载自中文网

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: 如何使用CSS设置页面打印
本文地址: https://pptw.com/jishu/664684.html
CSS3如何实现雪花飘落的效果 CSS中的nth-of-type如何使用

游客 回复需填写必要信息