首页 >web前端 >css教程 >深入了解CSS3媒体

深入了解CSS3媒体

高洛峰
高洛峰原创
2017-03-28 17:36:351583浏览

css3 媒体

Media Type 媒体类型

  媒体类型是CSS2中一个非常有用的属性。通过媒体类型可以对不同的设备指定不同的样式。
  W3C共列出十种媒体类型,如表:

设备类型
all 所有设备
Braille 盲人用点字法触觉回馈设备
Embossed 盲文打字机
Handheld 便携设备
Print 打印用纸或打印预览视图
Projection 各种投影设备
Screen 电脑显示器
Speech 语音或音频合成器
TV 电视机类型设备
Tty 使用固定密度字母栅格的媒介,比如电传打字机和终端

  其中screen,all,print为最常见的三种媒体类型。

媒体类型的引用方法

  1. link方法:在标签引用样式的时候引入媒体类型,通过media属性指定不同的媒体类型。

    <link rel="stylesheet" type="text/css" href="style.css" media="screen">
  2. xml方法:与link引入媒体类型类似,也是通过media属性来指定。

    <?xml-stylesheet type="text/css" media="screen" href="style.css">
  3. @import方法@import是用来引用样式文件的方法之一,同样可以用来引用类型。@import引入媒体类型主要有两种方式。

    一种是在样式文件中通过@import调用另一个文件;

    @import url(style.css) screen;

    另一种是在标签