Entradas

Mostrando entradas de marzo 28, 2012

Introducción a CSS

Imagen
Introducción a CSS
Javier Eguíluz Pérez
1.8.1. Medios definidos con las reglas de tipo @media
Las reglas @media son un tipo especial de regla CSS que permiten indicar de
forma directa el medio o medios en los que se aplicarán los estilos incluidos
en la regla. Para especificar el medio en el que se aplican los estilos, se incluye
su nombre después de @media. Si los estilos se aplican a varios medios, se
incluyen los nombres de todos los medios separados por comas.
A continuación se muestra un ejemplo sencillo:
@media print {
body { font-size: 10pt }
}
@media screen {
body { font-size: 13px }}
@media screen, print {
body { line-height: 1.2 }
}
El ejemplo anterior establece que el tamaño de letra de la página cuando se
visualiza en una pantalla debe ser 13 píxel. Sin embargo, cuando se imprimen
los contenidos de la página, su tamaño de letra debe ser de 10 puntos. Por último,
tanto cuando la página se visualiza en una pantalla como cuando se imprimen sus contenidos, el interlineado d…