Flash de contenido sin estilo (Flash of Unstyled Content)
El efecto (o defecto) en cuestión es algo que sólo conocerás si acostumbras a navegar con Internet Explorer y Windows, y consiste en que la página se muestra sin estilos durante un instante.
La causa está bastante clara: has usado el método @import, y se ve que a (nuestro querido) IE no le hace mucha gracia que vaya solito, de la siguiente forma:
<head>
<title>Mi página hace cosas raras</title>
<style type="text/css" media="screen">
@import url(/css/principal.css);
</style>
Afortunadamente, la solución es muy sencillita, y basta con colocar un elemento <link> o <script> en la cabecera (<head>). Dicho elemento puede quedar vacÃo, pero está claro que ya que lo ponemos, podemos aprovecharlo para algo tan útil como para dar algo de estilo a los (poquitos) usuarios que aún naveguen con Netscape 4:
<head>
<title>Mi página ya rula como quiero</title>
<link rel="stylesheet" type="text/css" media="screen" href="/css/basico.css" />
<style type="text/css" media="screen">
@import url(/css/avanzado.css);
</style>
</head>
Y es que en basico.css podemos incluir aquellos estilos sencillitos (tipos de letra, colores, etc.) que ya entendÃa Netscape 4, y en avanzado.css incluimos el resto de nuestros estilos (que Netscape 4 ignorará porque no sabe lo que pretende ese método @import).
Referencias (en inglés):
#1 - Andérez
Jefe, interesante. A mi me pasa a menudo y no tenia ni idea de porqué era. Aunque tengo que decir que tambien me pasa con firefox (es lo unico que uso). Asà que no se aqué se deberá. Incluso estando con Linux el otro dia (el de tu tierra, guadalinex) me paso, aunque creo que eso fue porque tenia la conexion saturada y me iba muy lento.
Buenos dias!
Editar