link vs @import

[Finseneu]

Yo siempre use un tag como este para referenciar una hoja de estilo:

Código:

<link rel="StyleSheet" href="style.css" type="text/css"/>

Aunque también sabia de la existencia de @import...

Código:

<style type="text/css" media="screen">
	@import url( "style.css" ); 
</style>

...pero nunca supe cual de las 2 formas es la correcta o cuando se usa una u otra, o si da lo mismo, en fin, si pueden hechar un poco de luz sobre esto agradecido desde ya.

[reimonfranco]

que yo sepa es lo mismo pero la segunda opcion es la opcion "moderna"

saludos

[demiurgo_daemon]

Hola,

@import se usa para esconder el estilo de navegadores viejos, como Netscape 4. Estamos hablando de cosas realmente arcaicas, por lo que, personalmente, no me satisface el argumento.

Otra cosa, en una página que declara sus estilos con @import, al bajar el archivo el navegador no detecta las hojas de estilo y no las baja cuando pides guardar "la página completa" o como diga según el navegador.

Creo que la mejor estrategia es declarar un <link> a una hoja de estilo y, dentro de ésta, llamar diversos estilos con @import.

saludos