Maison  >  Article  >  interface Web  >  Pourquoi faut-il placer les CSS dans la tête ?

Pourquoi faut-il placer les CSS dans la tête ?

王林
王林original
2020-11-16 10:53:442818parcourir

La raison pour laquelle css est placé dans la tête : cela chargera d'abord le style css lors du rendu du dom, vous connaissez déjà votre propre style, donc le rendu peut être réussi une fois. Cette méthode peut éviter le scintillement, l’écran blanc ou une mise en page confuse.

Pourquoi faut-il placer les CSS dans la tête ?

Analyse :

Cela chargera d'abord le style CSS, et connaîtra déjà son propre style lors du rendu du dom, il sera donc rendu en une seule fois, cela réussira, ce qui peut éviter le scintillement, un écran blanc ou une mise en page confuse.

(Partage vidéo d'apprentissage : tutoriel vidéo CSS)

Si le CSS est placé en bas, alors le dom doit être rendu en premier, puis le dom précédent sera restitué après le chargement du CSS. Cela nécessite deux rendus et l'expérience utilisateur est médiocre.

Maintenant, pour une meilleure expérience utilisateur, le moteur de rendu du navigateur essaiera d'afficher le contenu à l'écran le plus rapidement possible. Il n'attendra pas que tous les éléments HTML soient analysés avant de construire et de disposer l'arborescence dom. une partie du contenu sera analysée et affichée. En d’autres termes, le navigateur peut restituer des arbres DOM et CSSOM incomplets, réduisant ainsi le temps d’écran blanc le plus rapidement possible.

Recommandations associées : Tutoriel CSS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:A quoi sert CSS calc()Article suivant:A quoi sert CSS calc()