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

Comment référencer des fichiers CSS externes en HTML

下次还敢

Libérer： 2024-04-11 12:08:57

original

473 Les gens l'ont consulté

Comment référencer des fichiers CSS externes ? À l'aide de la balise <link>, spécifiez les attributs rel="stylesheet" et href="CSS file path". Créez un fichier CSS externe Enregistrez le fichier CSS sur le serveur Web Utilisez la balise <link> dans le HTML <head> La méthode est simple, utilisez simplement la balise <link>.

Syntaxe : Comment référencer des fichiers CSS externes en HTML

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

Copier après la connexion

Étapes :

<link> 标签即可。

语法：

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

Copier après la connexion

步骤：

创建外部 CSS 文件：保存一个带有 .css 扩展名的文件，并按照 CSS 规则编写样式。
将 CSS 文件保存到 web 服务器：将 CSS 文件上传到与 HTML 文件相同的 web 服务器上的位置。
在 HTML 代码中使用 <link> 标签：在 <head> 部分中添加 <link> 标签，指定 rel="stylesheet" 和 href="path/to/stylesheet.css" 属性。hrefCréez un fichier CSS externe :

.css

Enregistrez le fichier CSS sur le serveur Web : Téléchargez le fichier CSS au même emplacement sur le serveur Web que le fichier HTML.

Utilisez la balise <link> dans le code HTML : Ajoutez la balise <link> dans la section <head>, précisez le Propriétés rel="stylesheet" et href="path/to/stylesheet.css". La valeur de l'attribut href doit être le chemin d'accès au fichier CSS.

rrreee
L'utilisation de fichiers CSS externes présente les avantages suivants :
Maintenabilité du code :

🎜🎜Réutilisation du style : 🎜Vous pouvez utiliser le même fichier CSS dans plusieurs fichiers HTML pour obtenir une apparence cohérente. 🎜🎜🎜Optimisation des performances : 🎜Le navigateur met en cache les fichiers CSS une fois pour réduire le temps de chargement ultérieur. 🎜🎜

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!