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 les fichiers CSS de référence externe HTML ne prennent pas effet. Cet article est très détaillé et a une valeur de référence. Les amis intéressés devraient apprendre ensemble

En guise de façade. fin petit Bai, bricolé l'avant pendant 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 :

Code XML/HTMLCopiez le contenu dans le presse-papiers

body {    
background-color: #ddd;    
}

puis mettre le dans mon fichier html Pour importer ce css externe :

Code XML/HTMLCopiez le contenu dans le presse-papier

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

Actualiser 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. J'ai confirmé

que le navigateur avait chargé le fichier CSS, puis 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. . .

Voici l'analyse et la solution pour expliquer pourquoi les fichiers CSS de référence externe HTML ne prennent pas effet. J'espère que cela vous sera utile !

Recommandations associées :

Deux façons de désactiver l'effacement du cache de saisie du texte en HTML

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!