样式的媒体


实例

针对两种不同媒介类型的两种不同的样式(计算机屏幕和打印):

<网页>
<头部>
<样式 类型=“文本/层叠样式表">
标题1 {颜色:#ff0000;}
段落 {颜色:#0000ff;}
主体 {背景颜色:#ffefd6;}
</样式>
<样式 类型=“文本/层叠样式表" 媒体=“打印“>
标题1 {颜色:#000000;}
段落 {颜色:#000000;}
主体 {背景颜色:#ffffff;}
</样式>
</头部>
<主体>
<标题1>标题 1</标题1>
<段落>一个段落一个段落一个段落</段落>
</主体>
</网页>


 

定义和用法

 

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

 

提示:如需在一个 样式 元素中定义一个以上的媒介类型,请使用逗号分隔的列表(例如:<样式 类型=“文本/层叠样式表" 媒体=“屏幕,投影“>)。


 

 

浏览器支持

所有主流浏览器都支持 媒体 属性的 "屏幕"、"打印" 以及 "全部" 值。

提示:Opera浏览器 同时支持 "手持" 值。


 

 

语法

<样式 媒体="">

属性值

描述
屏幕 计算机屏幕(默认值)。
打字机 电传打字机以及使用等宽字符网格的类似媒介。
电视 电视类型设备(低分辨率、有限的屏幕翻滚能力)。
投影 放映机。
手持 手持设备(小屏幕、有限的带宽)。
打印 打印预览模式 / 打印页。
盲文 盲人用点字法反馈设备。
听觉 语音合成器。
全部 适合所有设备。


 

posted on 2022-02-22 14:30  立少  阅读(31)  评论(0)    收藏  举报

导航