wed的各种前端打印方法(3)CSS

CSS控制网页打印样式:

使用CSS控制打印样式,握刚刚使用时一塌糊涂,根本不知道CSS中的midia的作用是什么,问到别人说导入这个样式,还傻乎乎的不知所措。如果你也有这种现象,那么我告诉你吧,在W3school查到CSS的midia的作用。

midia 定义和用法:

media 属性规定被链接文档将显示在什么设备上。

media 属性用于为不同的媒介类型规定不同的样式。

原来用到media来指定css的媒体类型,它的语法格式有这样几种:
@media screen | print | projection | braille | aural | tv | handheld | all

参数说明:

screen:指计算机屏幕。

print:指用于打印机的不透明介质。

projection:指用于显示的项目。

braille:盲文系统,指有触觉效果的印刷品。

aural:指语音电子合成器。

tv:电视类型的媒体。

handheld:指手持式显示设备。

all:用于所有媒体。

只要导入将不想打印的东西加入下面这CSS样式声明中,将在打印的页面不会出现:

1 <link rel="stylesheet" media="print" type="text/css" href="print.css" />
例如:

1 <style midia="print">//midia必须声明,不然无效了
2 #my_hidden{display:none;}
3 </style>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值