Hojas de estilo para impresión

plantillas css para impresion

Las hojas de estilo o CSS son un excelente recurso para diseñadores web porque nos permite controlar todo el diseño y estructura que se muestra en el navegador, pero que pasa cuando esa pagina web la imprimimos?

Bien pues el CSS también nos puede ayudar para imprimir con estilo, que posibilidades nos brindan las plantillas css para impresion?

  • Ocultar elementos con las barras laterales o banners que estorben el contenido real del sitio
  • Cambiar tipos de letras definiendo una para el navegador y una para la impresión
  • Ofrecerle a tu usuario una información clara tanto en la web como en papel

Como se hace?

CSS para navegador:

body{ font-size:15px; }    #header{background:black; color:#fff;}    #content .contenido{width:400px;color:#333;font-size:12px;}    #content .sidebar{width:200px;background:#333;color:#fff;font-size:12px;}    #footer{background:red; color:#fff;}

CSS para imprimir, ocultando la barra lateral (sidebar):

body{ font-size:15px; }    #header{background:black; color:#fff;}    #content .contenido{width:400px;color:#333;font-size:12px;}    #content .sidebar{width:200px;background:#333;color:#fff;font-size:12px;}    #footer{background:red; color:#fff;}    @media print{    #content .contenido{width:100%;}    #content .sidebar{display:none;}  }

Si les intereso el tema y quieren saber mas acerca de como usar las hojas de estilo para imprimir les recomiendo estos enlaces:

comment ¿Que opinas?

Artículos recientes

close

Nucleus 7, el primer implante de oído desarrollado por Apple

Apple continúa innovando en varios sectores del mercado, en esta ocasión se ha aliado con Cochlear, una empresa dedicada al ramo y desarrollo de implantes para oído. iPhone, iPad y demás dispositivos Apple serán compatibles con…

close

Facebook apaga una IA que desarrolló su propio lenguaje

Hace unos días, diversos  medios digitales reprodujeron notas de prensa donde el cofundador de Tesla Motors, Elon Musk declaró que Mark Zuckerberg, creador de Facebook no entendía los peligros de la Inteligencia Artificial; tal declaración parece haber atraído la…

close

Hermosas cámaras vintage hechas de papel por Lee Ji-Hee

Lee Ji-Hee es una diseñadora que ha realizado unas geniales piezas de arte dignas de exponerse en las salas de cualquier amante de la fotografía. Esta diseñadora y artista ha realizado estos curiosos ejemplos de…

close

play_circle_outline Pennywise regresa en el nuevo y terrorífico trailer de It

  El día de ayer y con motivo de la clausura del Comic-Con de San Diego se ha dado a conocer el último trailer de It, el cual, nos muestra un poco más de Darry…

close

Lavender Fields, hermosas fotografías de un campo de lavanda por Jacek Kadaj

Jacek Kadaj es el fotógrafo que nos ha regalado esta majestuosa vista de una granja de lavanda; la cual, brinda un hermosos espectáculo a la vista y que ha sido captado por Kadaj; quien es de origen…

close

Adobe libera accidentalmente Nimbus, su nuevo software de edición fotográfica

El año pasado Adobe anunciaba que se encontraba trabajando en el desarrollo de una nueva plataforma de edición fotográfica, el cual, estaba pensado para personas no tan versadas en el tema. Este proyecto que se…

notifications Recién publicamos
close