Comment lier des CSS externes en HTML-tutoriel HTML-php.cn

Comment lier des CSS externes en HTML

下次还敢

Libérer： 2024-04-11 06:08:40

original

580 Les gens l'ont consulté

En connectant des fichiers CSS externes, les informations de style peuvent être séparées du document HTML, améliorant ainsi la réutilisabilité et la maintenabilité du code. Les étapes spécifiques incluent : la création d'un fichier CSS externe et l'écriture de styles CSS ; dans la section <head> du document HTML, utilisez l'élément <link> est correct pour le chemin du fichier CSS externe.

Comment lier des CSS externes en HTML

Comment lier du CSS externe à l'aide de HTML

Le lien CSS externe est une technique courante permettant d'utiliser HTML pour séparer les informations de style du document HTML. Cela améliore la réutilisabilité et la maintenabilité du code.

Étapes :

Créer un fichier CSS externe :
- Créez un fichier texte avec l'extension .css. .css 扩展名的文本文件。
- 在该文件中编写 CSS 样式。
将 CSS 文件链接到 HTML：
- 在 HTML 文档的 <head> 部分，使用 <link> 元素将 CSS 文件链接到 HTML。

<code class="html"><head>
  <link rel="stylesheet" href="path/to/style.css">
</head></code>

Copier après la connexion

确保将 href 属性的值替换为外部 CSS 文件的正确路径。

示例：

假设外部 CSS 文件名为 style.css，它位于 HTML 文件所在文件夹的 css

Écrivez les styles CSS dans ce fichier.

Liez le fichier CSS au HTML :

Dans la section <head> du document HTML, utilisez l'élément <link> pour lier le fichier CSS Lien vers HTML. 🎜🎜🎜

<code class="html"><head>
  <link rel="stylesheet" href="css/style.css">
</head></code>

Copier après la connexion

🎜🎜 Assurez-vous de remplacer la valeur de l'attribut href par le chemin correct vers le fichier CSS externe. 🎜🎜🎜Exemple : 🎜🎜Supposons que le fichier CSS externe s'appelle style.css et qu'il se trouve dans le sous-dossier css du dossier où se trouve le fichier HTML. Le code HTML est le suivant : 🎜rrreee🎜Remarque : 🎜🎜🎜Les fichiers CSS externes peuvent se trouver dans le même dossier que les fichiers HTML ou dans un dossier différent. 🎜🎜Assurez-vous que le chemin d'accès au fichier CSS est correct, sinon le style ne sera pas appliqué. 🎜🎜Vous pouvez lier plusieurs fichiers CSS externes au même document 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!