Maison > Article > interface Web > En savoir plus sur les médias CSS3
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 | 便携设备 |
打印用纸或打印预览视图 | |
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 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">
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">
@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. @import
Il 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