您现在的位置： 365建站网 > 建站教程 > html5教程 > HTML <style> 标签的 media 属性

HTML <style> 标签的 media 属性

此节有 329 人学习过参与评论

实例

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

</>code
<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" 值。

语法

</>code
<style media="value">

属性值

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

HTML <style> 标签

如对本文有疑问，请提交到交流论坛，广大热心网友会为你解答！！点击进入论坛

您可能感兴趣的文章:

发表评论 (329人查看，0条评论): 请自觉遵守互联网相关的政策法规，严禁发布色情、暴力、反动的言论。

昵称：

最新评论

------分隔线----------------------------

上一篇：HTML <style> 标签的 type 属性
下一篇：HTML <table> 标签的 align 属性

html5教程目录

HTML <style> 标签的 media 属性

实例

</>code

定义和用法

浏览器支持

语法

</>code

属性值

您可能感兴趣的文章:

公司信息

快速入口

其它栏目

业务咨询