Heim  >  Artikel  >  Web-Frontend  >  Erfahren Sie mehr über CSS3-Medien

Erfahren Sie mehr über CSS3-Medien

高洛峰
高洛峰Original
2017-03-28 17:36:351545Durchsuche

CSS3-Medien

Medientyp Medientyp

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 便携设备
Print 打印用纸或打印预览视图
Projection 各种投影设备
Screen 电脑显示器
Speech 语音或音频合成器
TV 电视机类型设备
Tty 使用固定密度字母栅格的媒介,比如电传打字机和终端

Unter ihnen sind Bildschirm, Alle und Druck die drei häufigsten Medientypen.

Medientyp-Referenzmethode

  1. 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">
  2. 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">
  3. @import方法: @import ist eine der Methoden zum Referenzieren von Stildateien und kann auch zum Referenzieren von Typen verwendet werden. @importEs 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