dans le HTML "/> dans le HTML ">

Maison >interface Web >tutoriel HTML >Comment référencer des fichiers CSS externes en HTML

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

下次还敢
下次还敢original
2024-04-11 12:08:57543parcourir

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>

Étapes :

    <link> 标签即可。

    语法:

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

    步骤:

    1. 创建外部 CSS 文件:保存一个带有 .css 扩展名的文件,并按照 CSS 规则编写样式。
    2. 将 CSS 文件保存到 web 服务器:将 CSS 文件上传到与 HTML 文件相同的 web 服务器上的位置。
    3. 在 HTML 代码中使用 <link> 标签:<head> 部分中添加 <link> 标签,指定 rel="stylesheet"href="path/to/stylesheet.css" 属性。hrefCréez un fichier CSS externe :
    4. Enregistrez un fichier avec l'extension .css et écrivez les styles selon les règles 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.

    Exemple :
  • rrreee
  • Avantages :
  • L'utilisation de fichiers CSS externes présente les avantages suivants :
  • Maintenabilité du code :
  • Les styles sont séparés du code HTML pour faciliter l'édition et la mise à jour.
🎜🎜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!

Déclaration:
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