Latest web development tutorials

tipos de medios CSS

tipo de soporte permite especificar cómo se presentará el documento en diferentes medios de comunicación. El archivo se puede mostrar en diferentes formas en la pantalla, en papel, o navegador audiencia, etc.

Tipo de soporte

Algunas propiedades CSS están diseñados sólo algunos de los medios de comunicación. Tales como la propiedad "voz familiar" está diseñado para aplicaciones de usuario auditivas. Algunas otras propiedades se pueden utilizar para diferentes tipos de medios. Por ejemplo, "font-size" propiedad puede ser utilizada para los medios de comunicación de pantalla e imprimir, pero tienen valores diferentes. Pantalla y en los archivos de papel son diferentes, por lo general requieren un tipo de letra más grande, sans - serif es más adecuado para la lectura en la pantalla, mientras que las fuentes serif son más fáciles de leer en papel.

regla @media

@media regla permite que las mismas hojas de estilo para diferentes medios de comunicación establecen diferentes estilos.

En el siguiente ejemplo nos dice para mostrar un estilo de fuente Verdana 14 píxeles en la pantalla del navegador. Sin embargo, si la página impresa será de 10 píxeles tiempos de fuente. Tenga en cuenta que el papel de fuente-peso y en la configuración de la pantalla en negrita: 

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

Puede hacerlo por uno mismo y ver! Si está usando Mozilla / Firefox o IE5 + imprimir esta página, verá, "Tipos de medios" se utilice otra pantalla de otro tamaño de letra del texto pequeño punto.

otros tipos de medios

Nota: Los nombres de los tipos de medios no distinguen entre mayúsculas y minúsculas.

Tipo de soporte descripción
todos Para todos los dispositivos de medios.
auditivo Para sintetizador de voz y audio.
braille Con el dispositivo de retroalimentación táctil para el Braille ciego.
en relieve Ciego para impresoras braille paginados.
de mano Para dispositivos de mano pequeña.
impresión Para una impresora.
proyección Programa para la visualización, tales como diapositivas.
pantalla Para los monitores de ordenador.
TTY Para el uso de una rejilla fija de los medios de densidad letras, tales como teletipos y terminales.
TV Para el tipo de TV de dispositivo.