1. CSS debe colocarse encima de la estructura (generalmente colocado dentro del elemento principal). CSS es un lenguaje interpretado y Firefox e IE no mostrarán nada hasta que esperen a que se complete la transferencia de CSS. Solo anteponiendo CSS se puede representar la página cuando el navegador analiza la estructura.
Código fuente de ejemplo:
Esto causa el problema de la pantalla en blanco. La página está totalmente en blanco hasta que se descarga la hoja de estilo en la parte inferior, del orden de 6 a 10 segundos para esta página. El navegador espera a que se cargue la hoja de estilo antes de mostrar cualquier otra cosa. la página, incluso el texto estático.
El problema resultante es que la página será "simple" por un tiempo y de repente "hermosa" nuevamente, lo que resultará en una experiencia de usuario muy pobre.
2. Intente utilizar el método de importación de estilo y reduzca el uso de @import. y mucho menos Utilice múltiples niveles de @import anidados. Porque en IE, @import equivale a colocar
Código fuente de ejemplo
Esta es una sintaxis válida, pero, aunque está en el HEAD del documento, interrumpe la representación progresiva y en su lugar provoca la pantalla blanca en blanco y el destello de Sin estilo.