Analyse et solutions pour les raisons pour lesquelles les fichiers CSS référencés en externe par HTML ne prennent pas effet

Cet article présente principalement l'analyse et les solutions aux raisons pour lesquelles le fichier CSS de référence externe HTML ne prend pas effet. Cet article est très détaillé et a une valeur de référence. Les amis intéressés peuvent apprendre ensemble. En tant que novice en front-end, je bricole le front-end depuis quelques jours. . Aujourd’hui, j’ai soudainement découvert que quelque chose en quoi je croyais avait un problème. . Par exemple, j'ai écrit un document de style CSS dans le répertoire CSS : style.css. Pour le moment, il ne contient qu'une seule phrase :

body {    
background-color: #ddd;    
}

Ensuite, j'introduis ce css externe dans mon fichier html :

<link rel="stylesheet" type="text/css" href="css/style.css">

Actualisez le navigateur. . Wow, kao. Il n'a pas répondu, il n'a pas fonctionné. . J'ai vérifié ce chemin plusieurs fois pour m'assurer qu'il n'y avait pas de problème et j'ai ouvert le débogueur F12 de Chrome. Après m'être assuré que le navigateur chargeait le fichier CSS, j'ai ouvert le fichier et j'ai vu :

était tronqué. . Il devrait y avoir un problème avec l'encodage ou le format, mais je n'arrive pas à le comprendre. . Après avoir consulté un partenaire front-end, j'ai vérifié l'encodage actuel de la page Web :

affiche l'encodage UTF-16LE. .
Je l'ai essayé plus tard et j'ai utilisé l'éditeur sublime pour modifier le format d'encodage du fichier CSS local vers cet utf-16LE :

Réécrit le code CSS. Enregistrez et exécutez. . Effectivement, c'est tout. .
Mais mon html est spécifié comme utf-8, et mon css est utf-16, ce qui me rend très mécontent. . J'ai donc demandé à nouveau une solution. Cela peut être résolu, et c'est simple. .
Changez le CSS en utf-8 et modifiez le code à l'intérieur. Déclarez simplement le format d'encodage lors de l'introduction de ce CSS en html :

C'est-à-dire, ajoutez un attribut à la balise de lien : charset="utf-8" Très bien . . . C'est vraiment aussi simple que cela. . .

Pour plus d'analyses et de solutions aux raisons pour lesquelles les fichiers CSS de référence externe HTML ne prennent pas effet, veuillez faire attention au site Web PHP chinois pour les articles connexes !