Inhaltsverzeichnis
CSS3-Medien
Medientyp Medientyp
Medientyp-Referenzmethode
Medienabfrage-Medieneigenschaften
Media Query使用方法
Heim Web-Frontend CSS-Tutorial Erfahren Sie mehr über CSS3-Medien

Erfahren Sie mehr über CSS3-Medien

Mar 28, 2017 pm 05:36 PM

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">
    Nach dem Login kopieren
  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">
    Nach dem Login kopieren
  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;
    Nach dem Login kopieren

    Die andere besteht darin, sie im Tag