Media types

Ingeniería Web Ingeniería Web

MEDIA TYPES – TIPOS DE MEDIOS TYPES –

MEDIA TYPES – TiPOS DE MEDIOS TYPES –
1. Introducción

Una de las características más importantes de las hojas de estiloes que especifican cómo debe ser presentado un documento en diferentes medios: •en la pantalla, •en el papel, •con un sintetizador de voz, •con un dispositivo braille, etc.Ciertas propiedades del CSS se diseñan solamente para ciertos medios  (Ej.. la propiedad 'page‐break‐before’ se aplica solamente a los medios (Ej.. la propiedad 'page‐break‐before’ se aplica a los medios paginados). paginados)paginados) ).

MEDIA TYPES – TiPOS DE MEDIOS TYPES –
2. Especificación de hojas de estilo dependientes de los medios• Especificar el medio de destino desde una hoja de estilo con las reglas arroba: @media  • Especificar el medio de destino desde una hoja de estilo con las reglas arroba: @media o @import
@import url("fancyfonts.css") screen; @media print { /* la hoja de estilo para impresión va aquí */ /*la hoja de estilo para impresión va aquí */ }

• Especificando el medio de destino dentro del lenguaje del documento. Por ejemplo, en HTML 4,0 ([HTML40]), el atributo "media" en el elemento LINK especifica los  medios destino de una hoja de estilo externa:
Vínculo a un medio The body...

MEDIA TYPES – TiPOS DE MEDIOS TYPES –
2.1. La regla @media.Una regla @media especifica los tipos de medios de destino (separados por comas)  Una regla @media especifica los tipos de medios de destino (separados por comas) de un sistema de reglas (delimitadas por llaves). @media print { body { font‐size: 10pt }} @media screen { @media screen { body { font‐size: 13px } } @media screen, print { body { line‐height: 1.2 } b d { li h i h 1 2 } }

MEDIA TYPES – TiPOS DE MEDIOS TYPES –3. Tipos de Medios Reconocidos
all Conveniente para todos los dispositivos. p p braille Previsto para los dispositivos táctiles de braille. embossed Previsto para las impresoras de...