Heim > Artikel > Web-Frontend > Erfahren Sie mehr über CSS3-Medien
Der Medientyp ist ein sehr nützliches Attribut in CSS2. Mithilfe von Medientypen können Sie unterschiedliche Stile für unterschiedliche Geräte festlegen.
W3C listet insgesamt zehn Medientypen auf, wie in der Tabelle gezeigt:
值 | 设备类型 |
---|---|
all | 所有设备 |
Braille | 盲人用点字法触觉回馈设备 |
Embossed | 盲文打字机 |
Handheld | 便携设备 |
打印用纸或打印预览视图 | |
Projection | 各种投影设备 |
Screen | 电脑显示器 |
Speech | 语音或音频合成器 |
TV | 电视机类型设备 |
Tty | 使用固定密度字母栅格的媒介,比如电传打字机和终端 |
Unter ihnen sind Bildschirm, Alle und Druck die drei häufigsten Medientypen.
Link-Methode: Geben Sie den Medientyp ein, wenn das -Tag auf den Stil verweist, und geben Sie ihn an das Medienattribut Verschiedene Medientypen.
<link rel="stylesheet" type="text/css" href="style.css" media="screen">
XML-Methode : Ähnlich wie der durch Link eingeführte Medientyp wird er auch über das Medienattribut angegeben.
<?xml-stylesheet type="text/css" media="screen" href="style.css">
@import方法
: @import
ist eine der Methoden zum Referenzieren von Stildateien und kann auch zum Referenzieren von Typen verwendet werden. @import
Es gibt im Wesentlichen zwei Möglichkeiten, Medientypen einzuführen.
Eine besteht darin, eine andere Datei über @import
in der Stildatei aufzurufen.
@import url(style.css) screen;
Die andere besteht darin, sie im Tag