Lors de la mise en page de la page, tout le monde préconise la séparation de la structure et du style, mais parfois, le style CSS ne peut pas être chargé avec succès. Pourquoi ? Cet article parle principalement de 6 raisons pour lesquelles le chargement CSS échoue. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.
De nombreux novices qui viennent d'entrer en contact avec CSS rencontrent parfois le problème de l'échec du chargement du CSS. Cependant, lors des tests, le style n'est pas affiché sur la page Web, ce qui signifie que le chargement du CSS échoue. Cette situation se produit généralement parce que le chemin CSS est mal écrit ou que le chargement du CSS est désactivé dans le navigateur. Vous pouvez redémarrer le navigateur pour actualiser. Lorsque vous appelez CSS dans le fichier, vous ajoutez généralement votre chemin via le lien. vous pouvez consulter le code pour plus de détails :
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>index</title> <link rel='stylesheet' type='text/css' href='./css/index1.css'>//注意好文件名的书写就没问题了。
Il existe de nombreuses raisons pour lesquelles l'échec du chargement du CSS peut être lié à des erreurs dans votre code, votre navigateur, votre chemin, votre encodage, etc. Analysez donc la situation spécifique en détail. Les raisons d'échec les plus courantes sont les suivantes :
1. Raisons du réseau
Un espace IIS insuffisant, une vitesse réseau lente du navigateur, une vitesse d'espace lente et d'autres facteurs réseau sont dus. L'une des raisons de l'échec du chargement du CSS est la suivante : lorsque nous ouvrons la page Web, la mise en page de la page Web est terminée, mais aucun style de mise en page n'est affiché.
2. Erreur de chemin ou incompatibilité de code
Si le style défini par CSS ne s'affiche pas à l'ouverture de la page web, il ne sera affiché que dans son état d'origine . Il se peut alors que le chemin de notre fichier CSS soit erroné ou que le code CSS soit incompatible.
3.if provoque un échec
La troisième raison est que lorsque nous écrivons du CSS, nous pouvons utiliser des instructions if pour déterminer quel navigateur appelle quel fichier CSS. Une inadvertance a provoqué une confusion. dans l'appel if, ce qui entraîne un affichage normal sur certains navigateurs mais pas sur certains navigateurs. Pour cette raison, la solution consiste à vérifier soigneusement les paramètres de jugement if qui provoquent l'échec du chargement CSS.
4. Le CSS alternatif ne parvient pas à se charger
Pourquoi le CSS alternatif ne parvient-il pas à se charger ? En effet, il y a un problème avec notre propre écriture de code CSS et celui-ci n'est pas défini correctement, ce qui entraîne des différences de mise en page selon les navigateurs. En CSS, nous appelons cela un hack CSS.
5. Le navigateur provoque
Vérifiez si le fichier CSS est chargé dans la console d'erreur du navigateur Chrome. S'il est sûr d'être chargé, vérifiez la classe. de l'élément. Si le nom est le même que le nom de classe défini en CSS. Cela peut être limité au navigateur IE et une erreur se produira si vous utilisez Google Chrome. Essayez donc de changer de navigateur et de l'utiliser plus tard, ce qui pourrait résoudre le problème.
6. Encodage incorrect
Si ce n'est pas le problème ci-dessus, vérifiez si le jeu de caractères de votre fichier CSS est cohérent avec le jeu de caractères de la page Web qui appelle le fichier CSS Cohérent, c'est l'attribut charset. Lorsque vous utilisez un navigateur pour visualiser l'effet, il y a un "Affichage - Encodage" dans la barre de menu du navigateur IE. Vérifiez l'encodage pour voir s'il s'agit d'UTF-8 ou de GBK et voyez s'il s'agit du même encodage. Cela peut être dû à un codage incohérent.
Voici les six raisons les plus courantes d'échec du chargement CSS. Après avoir compris ces raisons, si nous rencontrons des problèmes similaires dans des opérations réelles, nous pouvons les vérifier un par un et prescrire le bon médicament pour résoudre le problème.
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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
