Maison  >  Article  >  interface Web  >  En savoir plus sur les médias CSS3

En savoir plus sur les médias CSS3

高洛峰
高洛峰original
2017-03-28 17:36:351553parcourir

css3 Media

Media Type Media Type

Le type de média est un attribut très utile en CSS2. Les types de médias vous permettent de spécifier différents styles pour différents appareils.
Le W3C répertorie dix types de médias au total, comme indiqué dans le tableau :

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

Parmi eux, l'écran, l'ensemble et l'impression sont les trois types de médias les plus courants.

Méthode de référence du type de média

  1. Méthode de lien : Introduisez le type de média lorsque la balise l'attribut media Différents types de médias.

    <link rel="stylesheet" type="text/css" href="style.css" media="screen">
  2. Méthode xml  : Semblable au type de média introduit par lien, il est également spécifié via l'attribut media.

    <?xml-stylesheet type="text/css" media="screen" href="style.css">
  3. @import方法 : @import est l'une des méthodes utilisées pour référencer des fichiers de style, et peut également être utilisée pour référencer des types. @importIl existe deux manières principales de présenter les types de médias.

    L'une consiste à appeler un autre fichier via @import dans le fichier de style

    @import url(style.css) screen;

    L'autre consiste à l'introduire dans la balise