communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > le corps du texte

Comment lier des fichiers CSS en HTML

下次还敢
Libérer： 2024-04-11 12:42:32
original
1152 Les gens l'ont consulté

La liaison de fichiers CSS en HTML peut être réalisée via la balise <link> : créez un fichier CSS avec une extension .css et écrivez des règles CSS. Ajoutez une balise <link> à la section <head> du document HTML, où rel="stylesheet" spécifie le type de fichier et href="path/to/css-file.css" spécifie le chemin d'accès au fichier CSS. . L'ordre de liaison est important, les fichiers liés ultérieurement remplaceront les règles liées précédemment.

Comment lier des fichiers CSS en HTML

Comment lier des fichiers CSS

Lier des fichiers CSS en HTML est très simple, utilisez simplement la balise <link>. <link> 标签即可。

步骤：

  1. 创建 CSS 文件：使用文本编辑器创建一个具有 .css 扩展名的文件，并在其中编写 CSS 规则。
  2. 链接 CSS 文件：在 HTML 文档的 <head> 部分中，添加以下<link>
Étapes :
    • Créer un fichier CSS :
    • Utilisez un éditeur de texte pour créer un fichier avec l'extension .css et y écrire des règles CSS.
  • Liez le fichier CSS :
    • Dans la section <head> du document HTML, ajoutez la balise <link> suivante : 

<code class="html"><link rel="stylesheet" href="path/to/css-file.css"></code>
Copier après la connexion
rel=" stylesheet":

Spécifie que le type de fichier lié est une feuille de style.

href="path/to/css-file.css":
    Spécifiez le chemin et le nom du fichier CSS.
  • Exemple : 
<code class="html"><head>
  <link rel="stylesheet" href="styles.css">
</head></code>
Copier après la connexion
🎜Remarque : 🎜🎜🎜🎜Assurez-vous que le chemin d'accès au fichier CSS est correct. 🎜🎜Un document HTML peut lier plusieurs fichiers CSS. 🎜🎜L'ordre des liens est important, les fichiers CSS liés ultérieurement remplaceront les règles des liens précédents. 🎜🎜

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!

Étiquettes associées：
css
source：php.cn
Article précédent：Comment appeler des js externes en HTML Article suivant：Comment ajouter une bordure pointillée au HTML
Déclaration de ce site Web
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
Derniers articles par auteur
Derniers numéros
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
1335
La page ne peut soudainement plus extraire le CSS ou le bootstrap Je suis donc en train de développer une page, j'en ai fait une partie hier et ça a très bi...
Depuis 2024-04-06 21:58:04
0
1
800
Modifier dynamiquement les styles CSS en ligne dans Javafx J'essaie de changer l'image d'arrière-plan d'un volet lorsque l'application est agrandie. ...
Depuis 2024-04-06 20:57:16
0
1
487
Comment empiler les éléments flottants verticalement plutôt qu'horizontalement en CSS ? J'essaie de créer une page Web avec deux colonnes, avec le contenu principal d'un côté et ...
Depuis 2024-04-06 20:45:26
0
2
386
Existe-t-il un moyen de forcer le texte de la flexbox à être centré verticalement, quel que soit l'autre code CSS dont nous disposons ? J'ai le code CSS suivant qui fait partie d'un code CSS plus vaste utilisé dans un site Web...
Depuis 2024-04-06 20:41:51
0
1
518
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal