forked from doyoe/css-handbook
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmedia-types.htm
140 lines (140 loc) · 3.61 KB
/
media-types.htm
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title>Media Types</title>
<meta name="Description" content="CSS3参考手册之: CSS媒体设备类型" />
<meta name="Keywords" content="CSS媒体设备类型, CSS Media Types, all,aural, braille, handheld, print, projection, screen, tty, tv, embossed" />
<meta name="author" content="Joy Du(飘零雾雨), [email protected], www.doyoe.com" />
<meta name="robots" content="all" />
<!--[if lte IE 8]>
<script src="../js/html5.js"></script>
<![endif]-->
<link rel="stylesheet" href="../skin/article.css" />
</head>
<body>
<nav id="guide" class="g-mod">
<div class="from">
<a href="http://css.doyoe.com/" target="_blank">CSS3参考手册</a>
<span>»</span>
<a href="index.htm" id="category" rel="appendix" name="media-types">附录列表</a>
<span>»</span>
</div>
<div class="to">
<span class="label">相关内容：</span>
<div class="g-combobox g-transition">
<a href="?" class="g-transition target">
<strong>其它CSS附录参考</strong>
<span>选择其它项<!--[if lte IE 7]><ins>IE7 and earlier, Get to die</ins><![endif]--></span>
</a>
<div class="g-transition list">
<ul>
<!-- 插入分类快速导航 -->
</ul>
</div>
</div>
</div>
</nav>
<header id="hd">
<section id="title" class="g-mod">
<h1 class="tit">CSS Media Types</h1>
<ul class="info">
<li>媒体类型</li>
</ul>
<!-- 插入浏览器信息 -->
</section>
</header>
<section id="bd">
<section id="angle-listing" class="g-mod g-attr">
<h2 class="tit">媒体类型 Media Types</h2>
<div class="cont">
<table class="g-data">
<thead>
<tr>
<th>媒体类型</th>
<th>版本</th>
<th>兼容性</th>
<th>描述</th>
</tr>
</thead>
<tbody>
<tr>
<td>aural</td>
<td>CSS2不推荐使用</td>
<td>Opera</td>
<td>用于语音和音乐合成器</td>
</tr>
<tr>
<td>braille</td>
<td>CSS2</td>
<td>Opera</td>
<td>用于触觉反馈设备</td>
</tr>
<tr>
<td>handheld</td>
<td>CSS2</td>
<td>Chrome,Safari,Opera</td>
<td>用于小型或手持设备</td>
</tr>
<tr>
<td>print</td>
<td>CSS2</td>
<td>所有浏览器</td>
<td>用于打印机</td>
</tr>
<tr>
<td>projection</td>
<td>CSS2</td>
<td>Opera</td>
<td>用于投影图像，如幻灯片</td>
</tr>
<tr>
<td>screen</td>
<td>CSS2</td>
<td>所有浏览器</td>
<td>用于计算机显示器</td>
</tr>
<tr>
<td>tty</td>
<td>CSS2</td>
<td>Opera</td>
<td>用于使用固定间距字符格的设备。如电传打字机和终端</td>
</tr>
<tr>
<td>tv</td>
<td>CSS2</td>
<td>Opera</td>
<td>用于电视类设备</td>
</tr>
<tr>
<td>embossed</td>
<td>CSS2</td>
<td>Opera</td>
<td>用于凸点字符（盲文）印刷设备</td>
</tr>
<tr>
<td>speech</td>
<td>CSS2</td>
<td>Opera</td>
<td>用于语音类型</td>
</tr>
<tr>
<td>all</td>
<td>CSS2</td>
<td>所有浏览器</td>
<td>用于所有媒体设备类型</td>
</tr>
</tbody>
</table>
</div>
</section>
</section>
<footer id="ft">
<aside id="rights" class="g-mod">
<!-- 插入浏览器及版权信息 -->
</aside>
</footer>
<script src="../js/jquery.js"></script>
<script src="../js/inner.js"></script>
</body>
</html>