Introducción a CSS
Capítulo 13. Otros
de estilos específica para la impresora que permite imprimir los artículos de forma más adecuada. Para crear la “versión para imprimir” de una página web, se utiliza el medio print definido por CSS. Por lo tanto, en primer lugar se crea una nueva hoja de estilos y se enlaza específicamente para la impresora: <link rel="stylesheet" type="text/css" href="/css/imprimir.css" media="print" />
En general, las hojas de estilos para impresoras son muy sencillas comparadas con las hojas de estilos para la web y siempre suelen construirse siguendo estos pasos: 1) Ocultar los elementos que no se van a imprimir: #cabecera, #menu, #lateral, #comentarios { display: none !important; }
Los bloques (normalmente encerrados en elementos de tipo <div>) que no se van a imprimir se ocultan con la propiedad display y su valor none. La palabra clave !important aumenta la prioridad de esta regla CSS y más adelante se explica su significado. 2) Corregir la estructura de la página: body, #contenido, #principal, #pie { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
Normalmente, las páginas web complejas están formadas por bloques posicionados mediante float. Si se elimina el bloque que contiene el menú de navegación, quizás es conveniente no posicionar mediante float el bloque de contenidos y aumentar su anchura. 3) Modificar los colores y tipos de letra: body { color: #000; font: 100%/150% Georgia, "Times New Roman", Times, serif; }
Aunque el uso de impresoras en color es mayoritario, suele ser conveniente imprimir todo el texto de las páginas de color negro, para ahorrar costes y para aumentar el contraste cuando se imprime sobre hojas de color blanco.
13.3. Personalizar el cursor CSS no permite modificar los elementos propios del navegador o de la interfaz de usuario del sistema operativo. Sin embargo, el puntero del ratón es una excepción muy importante, ya que se puede modificar mediante la propiedad cursor. Tabla 13.7. Propiedad cursor
cursor Valores
www.librosweb.es
Puntero del ratón ( (<url> ,)* ( auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize |
163