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

Comment référencer CSS en HTML

下次还敢

Libérer： 2024-04-11 12:54:34

original

1023 Les gens l'ont consulté

Il existe trois façons de référencer CSS en HTML : référence directe en ligne, référence externe et référence intégrée. Les références en ligne conviennent aux styles de petites sections, les références externes conviennent aux styles globaux et les références incorporées conviennent à la personnalisation des styles d'éléments individuels et ont la plus haute priorité.

Comment référencer CSS en HTML

Comment référencer CSS en HTML

Référence directe en ligne :

Écrivez le code CSS directement dans la balise <style> et placez-le dans le élément <head>. <style> 标签中，放置在 <head> 元素内。

示例：

<code class="html"><head>
  <style>
    body {
      background-color: #f0f0f0;
    }
  </style>
</head></code>

Copier après la connexion

外部引用：

创建一个单独的 CSS 文件，其中包含样式。
在 <head> 元素中使用 <link> 标签引用该文件。

示例：

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

Copier après la connexion

嵌入式引用：

将 CSS 代码放在元素的 style

Exemple :

<code class="html"><p style="color: red;">你好，世界！</p></code>

Copier après la connexion

Référence externe :

Référencez le fichier à l'aide de la balise <link> dans l'élément <head>.
Exemple : rrreee

style

Exemple : rrreee

Utilisation spécifique :

🎜🎜🎜🎜Citation en ligne : 🎜Convient aux styles de petits paragraphes ou aux styles d'éléments spécifiques. 🎜🎜🎜Références externes : 🎜Convient aux styles globaux ou aux feuilles de style complexes. 🎜🎜🎜Référence intégrée : 🎜Convient aux situations où vous devez personnaliser le style d'un seul élément. 🎜🎜🎜🎜Priorité : 🎜🎜🎜Les références intégrées ont la priorité la plus élevée, suivies des références en ligne et enfin des références externes. 🎜

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!