Comment référencer des CSS externes en HTML-tutoriel HTML-php.cn

Comment référencer des CSS externes en HTML

下次还敢

Libérer： 2024-04-11 11:15:29

original

1028 Les gens l'ont consulté

Oui, il est possible de référencer du CSS externe à l'aide de HTML, séparant ainsi les règles de style du document HTML pour la simplicité et la maintenabilité du code. Les étapes spécifiques sont les suivantes : Créez un fichier CSS contenant des règles de style ; dans l'élément <head> du document HTML, utilisez l'élément <link> pour créer un lien vers le fichier CSS externe, où l'attribut rel spécifie le type de lien. comme "feuille de style" et l'attribut href spécifie l'URL ou le chemin relatif vers le fichier CSS externe.

Comment référencer des CSS externes en HTML

Comment utiliser HTML pour référencer du CSS externe

L'utilisation de HTML pour référencer du CSS externe est une pratique courante qui sépare les règles de style du document HTML, ce qui donne un code plus propre et plus maintenable. Voici comment référencer du CSS externe en HTML :

1 Créez un fichier CSS

Tout d'abord, créez un fichier CSS contenant des règles de style. Par exemple, vous pouvez utiliser un fichier nommé style.css avec le contenu suivant : style.css 的文件，其中包含以下内容：

<code class="css">body {
  font-family: Arial, sans-serif;
  font-size: 16px;
}

h1 {
  color: blue;
}</code>

Copier après la connexion

2. 将 CSS 文件链接到 HTML

在 HTML 文档的 <head> 元素中，使用 <link> 元素链接到外部 CSS 文件。如下所示：

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

Copier après la connexion

3. 解释

<link> 元素的 rel 属性指定了链接的类型，在这种情况下为 "stylesheet"。hrefrrreee

2 Liez le fichier CSS au HTML

🎜🎜Dans le <head> Document HTML , utilisez l'élément <link> pour créer un lien vers un fichier CSS externe. Comme indiqué ci-dessous : 🎜rrreee🎜🎜3. Explication 🎜🎜🎜 L'attribut rel de l'élément <link> spécifie le type de lien, dans ce cas "stylesheet" . L'attribut href spécifie l'URL ou le chemin relatif d'un fichier CSS externe. 🎜🎜En utilisant des fichiers CSS externes, vous pouvez gérer de manière centralisée toutes vos règles de style et changer facilement le style de l'ensemble de votre site Web sans modifier chaque page 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!