Les ressources ne sont pas demandées par CSS, mais par le DOM

L'image montre un tweet mettant en évidence un concept crucial dans le développement Web: les ressources ne sont pas chargées uniquement parce qu'elles sont référencées dans CSS; Le DOM doit également les demander.

Ce tweet perspicace met l'accent sur le modèle mental correct pour comprendre les fonctionnalités du site Web. Clarifions cela plus loin:

 / * CSS seul ne garantit pas le chargement. Pour charger «myfont.woff2», «font-famille:« mywebfont »; Doit être défini dans un sélecteur * et * un élément dans le DOM doit correspondre à ce sélecteur. * /
@ FONT-FACE {
  Font-Family: «MyWebfont»;
  src: url ('myfont.woff2') format ('woff2');
}

/ * De même, «Why.jpg» ne se charge que si le sélecteur ».some-element» existe dans le dom. * /
.some-element {
  Image de fond: url ('whate.jpg');
}

Essentiellement, le CSS fournit des instructions, mais le DOM dicte quelles ressources sont réellement récupérées et utilisées par le navigateur pour rendre la page Web. La présence d'une ressource dans le CSS est une condition nécessaire mais pas suffisante pour qu'elle soit chargée.

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!