Latest web development tutorials

CSS-Medientypen

Medientyp können Sie festlegen, wie das Dokument in verschiedenen Medien präsentiert werden. Die Datei kann auf unterschiedliche Weise auf dem Bildschirm, auf dem Papier angezeigt werden, oder Hörvermögen Browser usw.

Medientyp

Einige CSS-Eigenschaften sind nur einige der Medien entwickelt. Solche als "voice-family" Eigenschaft ist für die klangliche Benutzeragenten entwickelt. Einige andere Eigenschaften können für verschiedene Medientypen verwendet werden. Zum Beispiel: "font-size" Eigenschaft kann auf Bildschirm und Printmedien verwendet werden, aber unterschiedliche Werte. Bildschirm und auf Papier Dateien unterscheiden, erfordern in der Regel eine größere Schrift, sans - serif besser geeignet für das Lesen auf dem Bildschirm, während Serif-Schriften lassen sich leichter auf dem Papier zu lesen.

@media Regel

@media Regel erlaubt die gleichen Stylesheets für verschiedene Medien unterschiedliche Stile festlegen.

Im folgenden Beispiel sagt uns, auf dem Browser-Bildschirm ein 14 Pixel Verdana Schriftart angezeigt werden soll. wenn die Seite gedruckt wird 10 Pixel Schriftart Times jedoch sein. Bitte beachten Sie, font-weight Papier und auf dem Bildschirm Einstellung fettgedruckt: 

<html>
<head>
<style>
@media screen
{
	p.test {font-family:verdana,sans-serif;font-size:14px;}
}
@media print
{
	p.test {font-family:times,serif;font-size:10px;}
}
@media screen,print
{
	p.test {font-weight:bold;}
}
</style>
</head>

<body>
....
</body>
</html>

Sie können es selbst ausprobieren und sehen! Wenn Sie mit Mozilla / Firefox oder IE 5 + Diese Seite drucken, werden Sie sehen, "Medientypen" eine andere Anzeige als andere Schriftgröße klein Punkt - Schrift verwenden.

Andere Medientypen

Hinweis: Die Medientypnamen nicht zwischen Groß- und Klein werden.

Medientyp Beschreibung
alle Für alle Medien-Geräte.
aural Für Sprach- und Audio-Synthesizer.
Blindenschrift Mit taktiles Feedback Gerät für Blinde Blindenschrift.
erhaben Blind für ausgelagerte Braille-Drucker.
Hand Für Handheld-Geräte klein.
drucken Für einen Drucker.
Projektion Programm für die Anzeige, wie Dias.
Bildschirm Für Computer-Monitore.
tty Für einen festen Raster von Buchstaben Dichte Medien, wie Fernschreiber und Terminals verwenden.
Fernseher Für TV-Gerätetyp.