Maison  >  Article  >  interface Web  >  Que faire si le style externe CSS ne fonctionne pas

Que faire si le style externe CSS ne fonctionne pas

藏色散人
藏色散人original
2020-12-21 09:47:542074parcourir

Solution au problème selon lequel le style externe CSS ne fonctionne pas : ouvrez d'abord le fichier CSS avec l'éditeur sublime ; puis modifiez le format d'encodage du fichier CSS local en "utf-16LE" ; enfin, réenregistrez et exécutez.

Que faire si le style externe CSS ne fonctionne pas

L'environnement d'exploitation de ce tutoriel : Système Windows 7, version Sublime Text3&&css3. Cette méthode convient à toutes les marques d'ordinateurs.

Recommandé : "Tutoriel vidéo CSS"

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 :

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

Actualise 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 trouvé :

é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 en 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 :

Autrement dit, ajoutez un attribut à la balise de lien : charset="utf-8". . . C'est vraiment aussi simple que cela. . .

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