网页制作 
首页 > 网页制作 > 浏览文章

web的各种前端打印方法之CSS控制网页打印样式

(编辑:jimmy 日期: 2024/11/24 浏览:3 次 )
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样式声明中,将在打印的页面不会出现:

复制代码代码如下:
<link rel="stylesheet" media="print" type="text/css" href="print.css" />

例如:

复制代码代码如下:
<style midia="print">//midia必须声明,不然无效了
#my_hidden{display:none;}
</style>
上一篇:响应式WEB设计学习(1)—判断屏幕尺寸及百分比的使用
下一篇:窗口中的各种距离/滚动距离的精确计算汇总
一句话新闻
Windows上运行安卓你用过了吗
在去年的5月23日,借助Intel Bridge Technology以及Intel Celadon两项技术的驱动,Intel为PC用户带来了Android On Windows(AOW)平台,并携手国内软件公司腾讯共同推出了腾讯应用宝电脑版,将Windows与安卓两大生态进行了融合,PC的使用体验随即被带入到了一个全新的阶段。
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 网站地图 SiteMap