Die Art der Vorrichtung benutzt, um eine Webseite wie ein Bildschirm anzuzeigen wird Media genannt. Wie, deine Web site zu entwerfen mehr als gerade ein Datenbanksuchroutinespiel, aber mit immer mehr nicht traditionellen Vorrichtungen wie ein Hand- wird, einem Zelle Telefon oder sogar deiner Uhr w�nschend das Netz zug�nglich machen.

CSS Mittel-Arten

Du w�nschst deine Webseite �ber mehrfachen Vorrichtungen schauen. Der Proze� ist kein, wo so erschreckend, wie es erscheint, mit Unterst�tzung des CSS Niveaus 2 f�r Mittelarten Geh�ren zu den einfachen Werkzeugen du verwenden kann zu helfen, deinen Aufstellungsort Ansicht-freundlich zu bilden �ber Mitteln

3 M�glichkeiten des Spezifizierens der CSS Mittelarten

Es gibt drei M�glichkeiten, eine Mittelart zum Artblatt anzubringen, also wird unser CSS angewendet, nur wenn Mittel einer Einzelheit (IE: Hand) wird verwendet, die Seite anzusehen:

1) Verbundene Artbl�tter:

CSS Code

Mit der oben genannten Erkl�rung �print.css� wird nur an der Seite angewendet, wie es gedruckt hat (oder angesehen im Druck-Vorbetrachtungmodus in deiner Datenbanksuchroutine). Du kannst die zus�tzlichen verbundenen Artbl�tter addieren, die auch andere Mittelarten zielen. Als seitliche Anmerkung f�r XML Dokumente, ist das �quivalent vom oben genannten:

Der Name des Zustandes ist die �Pseudokategorie�, die definiert, wie die HTML Elemente erscheinen sollten, abh�ngig von deren Zustand er inch ist. Unter ist ein Beispiel des �nderns des �Verbindung�, �besucht� und �Schwebeflug� Zustandes. Den Auftrag merken, das definiert werden, da es die korrekte Einrichtung ist, zum einer arbeitenden CSS Verbindung zu bilden.

XML �quivalent-Code

<?xml-stylesheet type="text/css" media="print" href="print.css" ?>

td class="normalText">

Die importierten Artbl�tter, die hier benutzt werden, hat den Vorteil, da er bedingt downloadend, das Artblatt bedeutend nur wenn die Verm�chtnisgleichen downloadet wird, die im Mittelattribut spezifizierten. In den niedrigen Bandbreite Vorrichtungen wie Hand, konnten alle m�gliche Sparungen in der nicht notwendigen Bandbreite bedeutend. Der Nachteil dieser Technik ist zur Zeit der Mangel an Datenbanksuchroutine-/Vorrichtungsunterst�tzungsrelative to Technik 1) oben.

2) Importierte Artbl�tter:

CSS Code

3) Inline-Artbl�tter, durch die @media Richtlinie:

CSS Code

Du kannst sehen, was CSS Erkl�rungen, die du w�nschst, im Falle �der Projektion� angewendet sein sollte im @media Block herum aufgewickelt werden.

Die @media Richtlinie

Unterhalb des Beispielbeispiels der @media Richtlinie

CSS Code

<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>

Die folgenden 10 Mittelarten werden gest�tzt:

Pseudo-class	Purpose
all	Suitable/intended for all devises (default).
aural	Intended for speech synthesizers.
braille	Intended for braille tactile feedback devices.
embossed	Intended for paged braille printers.
handheld	Intended for handheld devices (typically small screen, monochrome, limited bandwidth).
print	Intended for printed documents (applies to docs viewed in print preview mode too).
projection	Intended for projected presentations (ie: projectors or print to transparencies).
screen	Intended for computer screens.
tty	Intended for media using a fixed-pitch character grid (ie: teletypes or terminals).
tv	Intended for television-type devices.