Comment lier des fichiers CSS avec des fichiers HTML-tutoriel HTML-php.cn

Comment lier des fichiers CSS avec des fichiers HTML

下次还敢

Libérer： 2024-04-11 09:23:22

original

1152 Les gens l'ont consulté

Lier un fichier CSS à un fichier HTML nécessite les étapes suivantes : Créez et enregistrez le fichier CSS à l'emplacement approprié. Ajoutez la balise dans la section <head>

Comment lier des fichiers CSS avec des fichiers HTML

Comment lier des fichiers CSS à des fichiers HTML

Dans le développement Web, l'utilisation de fichiers CSS externes peut séparer les styles du contenu HTML, améliorant ainsi la maintenabilité et la réutilisabilité. Voici les étapes pour lier un fichier CSS à un fichier HTML :

1. Créez le fichier CSS

Créez un nouveau fichier texte et donnez-lui l'extension ".css" (par exemple, monstyle.css). Dans ce fichier, écrivez les règles de style requises.

2. Enregistrez le fichier CSS à l'emplacement approprié

Enregistrez le fichier CSS à l'emplacement approprié dans le répertoire du site Web. Généralement, les fichiers CSS sont placés dans le même répertoire que les fichiers HTML, mais ils peuvent également être placés dans des répertoires différents.

3. Ajoutez la balise <link> dans le fichier HTML <link> 标记

在 HTML 文件的 <head> 部分，添加以下代码：

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

Copier après la connexion

其中：

rel="stylesheet" 指定这是一个 CSS 样式表。
href="mystyle.css" 指示浏览器加载名为 mystyle.css 的 CSS 文件。

示例

<code class="html"><html>
<head>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <h1>标题</h1>
  <p>段落</p>
</body>
</html></code>

Copier après la connexion

保存 HTML 文件并将其加载到浏览器中。浏览器将解析 HTML 文件并加载 style.css 文件，应用其中定义的样式。

提示：

确保 CSS 文件的路径正确。
可以链接多个 CSS 文件，只需在 <head> 部分中添加额外的 <link>
Dans la section <head> du fichier HTML, ajoutez le code suivant :

where : 🎜

rel="stylesheet"

href="mystyle.css"

mystyle.css

style.css

<link>

<head>

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!