样式的媒体
实例
针对两种不同媒介类型的两种不同的样式(计算机屏幕和打印):
<网页>
<头部>
<样式 类型=“文本/层叠样式表">
标题1 {颜色:#ff0000;}
段落 {颜色:#0000ff;}
主体 {背景颜色:#ffefd6;}
</样式>
<样式 类型=“文本/层叠样式表" 媒体=“打印“>
标题1 {颜色:#000000;}
段落 {颜色:#000000;}
主体 {背景颜色:#ffffff;}
</样式>
</头部>
<主体>
<标题1>标题 1</标题1>
<段落>一个段落一个段落一个段落</段落>
</主体>
</网页>
定义和用法
媒体 属性用于为不同的媒介类型规定不同的样式。
提示:如需在一个 样式 元素中定义一个以上的媒介类型,请使用逗号分隔的列表(例如:<样式 类型=“文本/层叠样式表" 媒体=“屏幕,投影“>)。
浏览器支持
所有主流浏览器都支持 媒体 属性的 "屏幕"、"打印" 以及 "全部" 值。
提示:Opera浏览器 同时支持 "手持" 值。
语法
<样式 媒体="值">
属性值
| 值 | 描述 |
|---|---|
| 屏幕 | 计算机屏幕(默认值)。 |
| 打字机 | 电传打字机以及使用等宽字符网格的类似媒介。 |
| 电视 | 电视类型设备(低分辨率、有限的屏幕翻滚能力)。 |
| 投影 | 放映机。 |
| 手持 | 手持设备(小屏幕、有限的带宽)。 |
| 打印 | 打印预览模式 / 打印页。 |
| 盲文 | 盲人用点字法反馈设备。 |
| 听觉 | 语音合成器。 |
| 全部 | 适合所有设备。 |
浙公网安备 33010602011771号