Pourquoi mon fichier CSS n'est-il pas lié à mon HTML ?
Nov 29, 2024 am 02:13 AMComment lier un fichier CSS à partir d'un fichier HTML ?
Lorsque vous stylisez du HTML avec <style> balises dans le <head> , vous pouvez rencontrer des problèmes lorsque vous tentez de déplacer des styles vers un fichier CSS pour la première fois. Voici un guide de dépannage pour vous aider à résoudre ce problème :
Pourquoi la liaison d'un fichier CSS ne fonctionne-t-elle pas ?
Dans votre code HTML, vous avez spécifié l'attribut rel du <link> tag comme "J'espère que cela fonctionne". C'est incorrect. Pour créer un lien vers un fichier CSS, vous devez définir l'attribut rel sur "stylesheet".
1 |
|
La définition de l'attribut rel sur "stylesheet" distingue ce lien comme un lien de feuille de style plutôt que, disons, comme une icône. lien image.
Considérations supplémentaires
Si le fichier CSS ne fonctionne toujours pas après avoir défini correctement l'attribut rel, vérifiez si le fichier CSS est dans le même répertoire que le fichier HTML de référence. S'il se trouve dans un dossier imbriqué, utilisez le chemin de dossier relatif approprié dans l'attribut href.
Par exemple, si la structure de répertoires est :
1 2 3 4 |
|
Ensuite, dans le fichier HTML, vous ferait référence à "newcssstyle.css" comme :
1 |
|
Assurez-vous que la structure des répertoires et les références de fichiers sont correctes pour votre domaine spécifique. configuration.
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!

Article chaud

Outils chauds Tags

Article chaud

Tags d'article chaud

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Ajout d'ombres de boîte aux blocs et éléments WordPress

Créez un formulaire de contact JavaScript avec le cadre Smart Forms

Faire votre première transition Svelte personnalisée

Créer un éditeur de texte en ligne avec l'attribut satisfaistable

Demystifier les lecteurs d'écran: formulaires accessibles et meilleures pratiques

Comparaison des 5 meilleurs constructeurs de formulaires PHP (et 3 scripts libres)

Téléchargement de fichiers avec Multer dans Node.js et Express
