Tipi di mezzi di CSS

Il tipo di dispositivo ha usato visualizzare un Web page quale uno schermo di calcolatore � denominato Media. Come progettare il vostro Web site si trasforma in pi� appena di un gioco del browser, ma con i dispositivi sempre pi� non tradizionali quali un tenuto in mano, un telefono delle cellule o persino la vostra vigilanza desideranti accedere al fotoricettore.

Desiderate il vostro Web page osservare attraverso i dispositivi multipli. Il processo � nessun dove scoraggiante come compare, con il sostegno del Livello 2 di CSS i tipi di mezzi essere fra gli attrezzi semplici voi pu� usare contribuire a rendere il vostro luogo vista-amichevole attraverso i mezzi

3 sensi di specificare i tipi di mezzi di CSS

Ci sono tre sensi fissare un tipo di mezzi al foglio di stile, in modo da il nostro CSS � applicato soltanto quando mezzi di particolare (IE: tenuto in mano) � usato osservare la pagina:

1) Linked style sheets:

CSS Code

Con la suddetta dichiarazione, �print.css� sar� applicato soltanto alla pagina come ha stampato (o osservato nel modo di anteprima di stampa in vostro browser). Potete aggiungere i fogli collegati supplementari di stile che designano altri tipi come bersaglio di mezzi anche. Come nota laterale, per i documenti di XML, l'equivalente del suddetto sar�:

Il nome della condizione � �il codice categoria pseudo� che definisce come gli elementi del HTML dovrebbero comparire, secondo cui lo dichiarano sono i poll. Sotto � un esempio di cambiare �il collegamento�, �visitato� e �la librazione� dichiara. Notare l'ordine che � definito, poich� � l'ordinamento adeguato per fare un collegamento di funzionamento di CSS.

XML Equivalent Code

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

2) Imported style sheets:

CSS Code

Imported style sheets used here has the advantage as it being conditionally downloaded, meaning the style sheet will only be downloaded if the devise matches that specified in the media attribute. In low bandwidth devices such as handheld, any savings in unnecessary bandwidth could significant. The disadvantage of this technique at present is the lack of browser/device support relative to technique 1) above. .

3) Inline style sheets, through the @media rule:

CSS Code

Potete vedere, che cosa dichiarazioni che di CSS desiderate essere applicato nel caso �di proiezione� dovrebbe essere spostato intorno nel blocchetto di @media.

The @media Rule

Sotto l'esempio del campione della regola di @media

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>

I seguenti 10 tipi di mezzi sono sostenuti:

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.