tipos de mídia CSS
tipo de mídia permite que você especifique a forma como o documento será apresentado em diferentes meios de comunicação. O arquivo pode ser exibido de maneiras diferentes na tela, no papel, ou navegador audição, etc.
Tipo de mídia
Algumas propriedades CSS são projetados somente alguns dos meios de comunicação. Como a propriedade "voice-family" é projetado para os agentes do utilizador auditivas. Algumas outras propriedades podem ser usados para diferentes tipos de suportes. Por exemplo, "font-size" propriedade pode ser usada para a mídia de tela e impressão, mas têm valores diferentes. Tela e em arquivos de papel diferem, geralmente requerem uma fonte maior, sans - serif é mais adequado para leitura na tela, enquanto fontes com serifa são mais fáceis de ler no papel.
regra @media
regra @media permite que as mesmas folhas de estilo para diferentes mídias definir estilos diferentes.
No exemplo a seguir nos diz para exibir um estilo de fonte Verdana 14 pixels na tela do navegador. No entanto, se a página impressa será de 10 pixels de fonte Times. Por favor, note, papel font-weight e sobre a configuração da tela em negrito:
<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>
Você pode experimentar por si mesmo e veja! Se você estiver usando Mozilla / Firefox ou IE5 + imprimir esta página, você verá, "Tipos de mídia" usará mais uma exibição de letra pequeno ponto de outro tamanho de texto.
outros tipos de mídia
Nota: Os nomes dos tipos de mídia não são maiúsculas de minúsculas.
| Tipo de mídia | descrição |
|---|---|
| tudo | Para todos os dispositivos de mídia. |
| auricular | Para o discurso e sintetizador de áudio. |
| braille | Com dispositivo de feedback tátil para o Braille cego. |
| em relevo | Cega para impressoras Braille paginadas. |
| handheld | Para dispositivos portáteis de pequeno porte. |
| impressão | Para uma impressora. |
| projeção | Programa de exposição, tais como slides. |
| tela | Para monitores de computador. |
| tty | Por utilização de uma grelha fixa dos meios de cartas de densidade, tais como teletypes e terminais. |
| TV | Para o tipo de TV do dispositivo. |