1. CSS deve ser colocado acima da estrutura (geralmente colocado dentro do elemento head). CSS é uma linguagem interpretada, e o Firefox e o IE não renderizarão nada até que esperem a conclusão da transferência do CSS. Somente acrescentando CSS a página pode ser renderizada quando o navegador analisa a estrutura.
Exemplo de código-fonte:
Isso causa o problema da tela branca em branco. A página fica totalmente em branco até que a folha de estilo na parte inferior seja baixada, na ordem de 6 a 10 segundos para esta página. O navegador está aguardando o carregamento da folha de estilo antes de renderizar qualquer outra coisa. a página, até mesmo o texto estático.
O problema resultante é que a página ficará “simples” por um tempo e, de repente, “linda” novamente, resultando em uma experiência de usuário muito ruim.
2. Tente usar o método de importação de estilo <link rel="stylesheet" href="http://www.cnwebshow.com/123.css" type="text/css"> e reduza o uso de @import, muito menos Usar vários níveis de @import aninhados. Porque no IE, @import equivale a colocar <link> no final da página.
Exemplo de código-fonte
Esta é uma sintaxe válida, mas, mesmo estando no HEAD do documento, ela interrompe a renderização progressiva e, em vez disso, causa a tela branca em branco e o Flash de Unstyled