首頁 > web前端 > html教學 > css3 媒体记_html/css_WEB-ITnose

css3 媒体记_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 11:41:17
原創
1056 人瀏覽過

css3 媒体

Media Type 媒体类型

  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;
    登入後複製

    另一种是在标签