TML 打印预览问题，怎么设置有些内容不出现在打印预览页面上。怎么控制，有下代码看得不是很懂求解释...

最新推荐文章于 2019-09-06 11:25:36 发布

dhptkq9465

最新推荐文章于 2019-09-06 11:25:36 发布

阅读量139

点赞数

原文链接：http://www.cnblogs.com/telwanggs/p/5209280.html

版权

HTML <style> 标签的 media 属性

HTML <style> 标签

实例

针对两种不同媒介类型的两种不同的样式（计算机屏幕和打印）：

<html>
<head>
<style type="text/css">
h1 {color:#FF0000;}
p {color:#0000FF;}
body {background-color:#FFEFD6;}
</style>

<style type="text/css" media="print">
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
</style>
</head>

<body>
<h1>Header 1</h1>
<p>A paragraph.</p>
</body>
</html>

亲自试一试

定义和用法

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

提示：如需在一个 style 元素中定义一个以上的媒介类型，请使用逗号分隔的列表（例如：<style type="text/css" media="screen,projection">）。

浏览器支持

所有主流浏览器都支持 media 属性的 "screen"、"print" 以及 "all" 值。

提示：Opera 同时支持 "handheld" 值。

语法

<style media="value">

属性值

值	描述
screen	计算机屏幕（默认值）。
tty	电传打字机以及使用等宽字符网格的类似媒介。
tv	电视类型设备（低分辨率、有限的屏幕翻滚能力）。
projection	放映机。
handheld	手持设备（小屏幕、有限的带宽）。
print	打印预览模式 / 打印页。
braille	盲人用点字法反馈设备。
aural	语音合成器。
all	适合所有设备。

转载于:https://www.cnblogs.com/telwanggs/p/5209280.html

dhptkq9465

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
TML 打印预览问题，怎么设置有些内容不出现在打印预览页面上。怎么控制，有下代码看得不是很懂求解释...

HTML <style> 标签的 media 属性HTML <style> 标签实例针对两种不同媒介类型的两种不同的样式（计算机屏幕和打印）：<html><head><style type="text/css">h1 {color:#FF0000;}p {color:#0000FF;}...
复制链接

扫一扫

TML 打印预览问题，怎么设置有些内容不出现在打印预览页面上。怎么控制，有下代码 看得不是很懂 求解释...

HTML <style> 标签的 media 属性

实例

定义和用法

浏览器支持

语法

属性值

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

TML 打印预览问题，怎么设置有些内容不出现在打印预览页面上。怎么控制，有下代码看得不是很懂求解释...