Loading...

Introducción a CSS Javier Eguíluz Pérez

Introducción a CSS
Javier Eguíluz Pérez
1.8.2. Medios definidos con las reglas de tipo @import
Cuando se utilizan reglas de tipo @import para enlazar archivos CSS
externos, se puede especificar el medio en el que se aplican los estilos
indicando el nombre del medio después de la URL del archivo CSS:
@import url("estilos_basicos.css") screen; @import url("estilos
_impresora.css") print;
Las reglas del ejemplo anterior establecen que cuando la página se visualiza
por pantalla, se cargan los estilos definidos en el primer archivo CSS.
Por otra parte, cuando la página se imprime, se tienen en cuenta los estilos
que define el segundo archivo CSS.
Si los estilos del archivo CSS externo deben aplicarse en varios medios,
se indican los nombres de todos los medios separados por comas. Si no se
indica el medio en una regla de tipo @import, el navegador sobreentiende
que el medio es all, es decir, que los estilos se aplican en todos los medios.
1.8.3. Medios definidos con la etiqueta
Si se utiliza la etiqueta para enlazar los archivos CSS externos, se
puede utilizar el atributo media para indicar el medio o medios en los que
se aplican los estilos de cada archivo:

En este ejemplo, el primer archivo CSS se tiene en cuenta cuando la
página se visualiza en la pantalla (media="screen"). Los estilos indicados
en el segundo archivo CSS, se aplican al imprimir la página (media="print")
o al visualizarla en un dispositivo móvil (media="handheld"), como por
ejemplo en un iPhone.
Si la etiqueta no indica el medio CSS, se sobreentiende que los
estilos se deben aplicar a todos los medios, por lo que es equivalente a
indicar media="all".
1.8.4. Medios definidos mezclando varios métodos
CSS también permite mezclar los tres métodos anteriores para indicar
los medios en los que se aplica cada archivo CSS externo
@import url("estilos_seccion.css") screen; @media print {
/* Estilos específicos para impresora */}
Los estilos CSS que se aplican cuando se visualiza la página en una
pantalla se obtienen mediante el recurso enlazado con la etiqueta
y mediante el archivo CSS externo incluido con la regla de tipo @import.
Además, los estilos aplicados cuando se imprime la página se indican
directamente en la página HTML mediante la regla de tipo @media.
Fuente: Introducción a CSS
Javier Eguíluz Pérez