1.什么是媒体类型
媒体类型是CSS中一个常用属性,合理使用媒体类型可以实现不同设备间不同样式的效果。
2.媒体类型的种类
值 | 描述 |
all | 应用于所有设备,默认为all |
用于打印机和打印预览 | |
screen | 屏幕设备,电脑、平板、智能手机等 |
speech | 应用于屏幕阅读器等发声设备 |
现已被弃用的属性
值 | 描述 |
aural | 以废弃。用于语音和声音合成器 |
braille | 已废弃。应用于盲文触摸式反馈设备 |
embossed | 已废弃。用于打印的盲人印刷设备 |
handheld | 已废弃。用于掌上设备或更小的设备,如小型电话 |
projection | 已废弃。 用于投影设备 |
tty | 已废弃。 用于固定的字符网格,如电报、终端设备 |
3.简单的使用
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/print.css" media="print">
上面的css表示所有的设备都会渲染style.css,但是在打印是会额外渲染print.css.