Latest web development tutorials

tipi di media CSS

Tipo di supporto consente di specificare come il documento sarà presentato in diversi media. Il file può essere visualizzato in modo diverso sullo schermo, su carta o del browser l'udito, ecc

Tipo di supporto

Alcune proprietà CSS sono progettati solo alcuni dei mezzi di comunicazione. Come ad esempio proprietà "voice-family" è stata progettata per gli interpreti uditivi. Alcune altre proprietà possono essere utilizzati per diversi tipi di supporto. Ad esempio, "font-size" proprietà può essere usata per selezionare e supporti di stampa, ma hanno valori diversi. Schermo e su archivi cartacei diversi, di solito richiedono un carattere più grande, sans - serif è più adatto per la lettura su schermo, mentre i font serif sono più facili da leggere su carta.

regola @media

regola @media permette gli stessi fogli di stile per i diversi set di supporti diversi stili.

Nel seguente esempio ci dice per visualizzare un 14 pixel stile di carattere Verdana sullo schermo del browser. Tuttavia, se la pagina stampata sarà di 10 pixel di font Times. Si prega di notare, carta font-weight e dalle impostazioni dello schermo in grassetto: 

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

Si può provare voi stessi e vedere! Se si utilizza Mozilla / Firefox o Internet Explorer 5 + stampare questa pagina, vedrai, "Tipi di supporto" utilizzeranno un altro display di carattere piccolo punto altro formato testo.

altri tipi di media

Nota: I nomi tipo di supporto non sono case sensitive.

Tipo di supporto descrizione
tutto Per tutti i dispositivi multimediali.
auricolare Per la voce e sintetizzatore audio.
braille Con il dispositivo feedback tattile per non vedenti Braille.
sbalzato Cieco per le stampanti Braille paging.
palmare Per i dispositivi palmari di piccole dimensioni.
stampa Per una stampante.
proiezione Programma per visualizzazione, ad esempio diapositive.
schermo Per i monitor.
tty Per usare una griglia fissa di supporto lettere densità, come telescriventi e terminali.
TV Per il tipo di TV di dispositivo.