Foros del web, para los que viven de bits

Hola a todos nuevamente.

Puedo definir de 3 formas distintas estilos para impresoras:

OPCION 1

<link rel="stylessheet" type="text/css" href="print.css" media="print">

OPCION 2

@import url(print.css) media;

OPCION 3

<style type="text/css">
@media print{
body {........}
{
</style>

Cual de las 3 formas es la mas recomendada? Porque? Cual debo evitar? Porque?

Saludos cordiales.

Hola, yo te recomiendo utilizar las dos primeras. Yo suelo utilizar mucho la primera para cuando tengo solo una hoja de estilo, y la segunda la utilizo para cuando tengo más de una hoja de estilo, lo que suelo hacer en ese caso es una llamada:
<link rel="stylesheet" type="text/css" href="css/estilos.css" />
y en el archivo estilos.css le pongo todos los @import.

Espero que esto te sirva de algo .

Si, muchas gracias. Una pregunta, porque no usas la ultima opción?

Porque la tercera opción se utiliza en el xhtml, no sé, no he llegado a probar pero igual te daría problemas al validar, en cualquier caso la tercera sería la que utilizaría un código "más sucio" ya que definirías los estilos en la misma página. Además si por algún casual necesitas 700 líneas de código css para definir tu print, en mi opinión sería mucho más lío modificar esa web porque podría acabar con 2000 líneas. Aparte si ese código lo tienes en todos tus xhtml y una vez acabada la web te das cuenta de que te has equivocado en una definición, tendrías que cambiar en todos tus xhtml, pero si utilizas lo que te e explicado arriba, solo tendrías que cambiarlo en una hoja de estilo.


Salu2
Chriss

La primera porque es la única que funcionaría en Internet Explorer hasta donde recuerdo.
En este caso no importa si es HTML o XHTML.