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

México intenta regular la industria del videojuego con su propia clasificación

La industria de los videojuegos ha tenido un crecimiento exponencial en todo el mundo; especialmente en territorio mexicano, donde la industria ha pasado de 11 mil 278 millones de pesos a 22 mil 852 millones tan…

close

play_circle_outline Campaña reconoce la capacidad creativa con humor

Few Can Do What You Do, es el nuevo lema de la campaña de Format una plataforma portafolio para creativos; esta campaña bajo el lema “Pocos pueden hacer lo que tu” reconoce la capacidad de…

close

play_circle_outline Como crear efecto de doble exposición en photoshop en menos de 1 minuto

El photoshop es de las herramientas imprescindibles en el catalogo de programas de un diseñador o creativo; no obstante, muchos no tenemos la pericia y conocimiento de todo lo que podemos lograr con el. Es…

close

Lista de estrenos en Netflix para Mayo 2017

Netflix continua incrementado su catalogo de películas y series cada mes; siendo el turno del mes de Mayo del 2017 donde llegarán nuevas temporadas de series como House of Cards y Unbreakable Kimmy Schmidt; así como…

close

play_circle_outline Mira el nuevo y emocionante trailer final de Cars 3

El día de ayer se dio a conocer el trailer final de la nueva entrega de la película de Disney y Pixar Cars 3; esta nueva entrega de la saga nos relata la ultima carrera…

close

Ilustraciones tipográficas inspiradas en el reino animal

El diseñador británico conocido como Marcus Reed ha creado una genial colección de ilustraciones tipográficas inspiradas en el reino animal; estas ilustraciones nos muestran a diversos animales desde el Cocodrilo hasta la Cebra con sus…

notifications Recién publicamos
close