Où doivent être placés les fichiers de style CSS ?

Les fichiers de style CSS doivent être placés dans l'en-tête en haut du HTML, ce qui peut augmenter les performances de la page. Placez le fichier CSS dans l'en-tête et lors du chargement du HTML pour générer l'arborescence DOM, l'arborescence DOM peut être rendue en même temps ; cela peut éviter les scintillements, les écrans blancs ou les mises en page confuses.

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

Les fichiers de style CSS doivent être placés dans l'en-tête en haut du HTML.

Mettre du CSS dans la tête peut augmenter les performances de la page.

Placez CSS dans l'en-tête, et lors du chargement de HTML pour générer une arborescence DOM, l'arborescence DOM peut être rendue en même temps. Cela évite le scintillement, les écrans blancs ou les mises en page confuses.

Maintenant, pour une meilleure expérience utilisateur, le moteur de rendu du navigateur tentera 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, donc une partie du contenu. sera analysé et affiché. 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.

Si le CSS est placé en bas, le navigateur empêchera l'affichage progressif du contenu. Pendant que le navigateur attend que le téléchargement du dernier fichier css soit terminé, un "écran blanc" apparaîtra (un écran blanc). apparaîtra lorsqu'une nouvelle connexion est ouverte, puis le texte et les images apparaîtront en premier), le style apparaît en dernier). C'est très grave, car lorsque la vitesse d'Internet est très lente, le temps de téléchargement CSS est relativement long, ce qui amène naturellement un « écran blanc » à l'utilisateur pendant une longue période, et l'expérience utilisateur est très mauvaise.

Si le fichier CSS est placé en bas, le navigateur empêchera l'affichage progressif du contenu. Pendant que le navigateur attend que le dernier fichier CSS soit téléchargé, un "écran blanc" apparaîtra (ce sera un blanc). écran lorsqu'une nouvelle connexion est ouverte, puis le texte apparaîtra en premier, les images et les styles apparaîtront en dernier). C'est très grave, car lorsque la vitesse d'Internet est très lente, le temps de téléchargement CSS est relativement long, ce qui amène naturellement un « écran blanc » à l'utilisateur pendant une longue période, et l'expérience utilisateur est très mauvaise.

(Partage de vidéos d'apprentissage : Tutoriel vidéo 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!