La regla @import en CSS en profesordeinformatica.com

La regla @import en CSS

Por Aitor López de Aberasturi el Sábado, 30 de Agosto de 2014 0 Comentarios

La regra @import te permite importar reglas de otras hojas de estilo externas en nuestra propia hoja de estilos. La sintaxis es la siguiente:

 

o bien

 

Esto puede ser útil si por ejemplo queremos añadir una hoja de estilos para diferentes medios: Un estilo para páginas imprimibles y un estilo para pantallas del ordenador y proyectores.

 
 

El tipo es sensible a mayúsculas y minúsculas por lo tanto siempre lo escribiremos en minúsculas. Si no se indica el estilo se aplicaría a todos los medios. Estos son los tipos medios:

  • all: Para todos los medios
  • aural: Para sintetizadores de voz
  • braille: Para dispositivos tactiles en braille
  • embossed: Para impresoras braille
  • handheld: Para dispositivos de mano como pocket pc's, palms...
  • print: Para la vesión imprimible de las páginas
  • projection: Para presentaciones en proyector
  • screen: Para pantallas de ordenador
  • tty: Para teletipos, consola y otros medios de texto...
  • tv: Para pantallas de televisión

CSS además permite agrupar los tipos de medios en los siguientes grupos de medios:

  • continous: Incluye aural, braille, handheld, screen, tty y tv.
  • paged: Incluye embossed, handheld, print, projection y tv.
  • visual: Incluye handheld, print, projection, screen, tty y tv.
  • aural: Incluye aural y tv.
  • tactile: Incluye braille y embossed.
  • grid: Incluye braille, emboss, handheld y tty.
  • bitmap: Incluye handheld, print, projection, screen y tv.
  • interactive: Incluye todos menos print y projection.
  • static: Incluye todos.

Tipos Media

Grupos Media


continuous/paged

visual/audio/speech/tactile

grid/bitmap

interactive/static

braille

continuous

tactile

grid

both

embossed

paged

tactile

grid

static

handheld

both

visual, audio, speech

both

both

print

paged

visual

bitmap

static

projection

paged

visual

bitmap

interactive

screen

continuous

visual, audio

bitmap

both

speech

continuous

speech

N/A

both

tty

continuous

visual

grid

both

tv

both

visual, audio

bitmap

both

Próxima entrada

Estilos en cascada en CSS


Sobre el profe

Esta es la página web de Aitor Lopez de Aberasturi profesor de informática en ITS Ciudad Jardin. También puedes visitar mi blog de clase.