HTML内でCSSファイルをリンクする方法-htmlチュートリアル-php.cn

HTML内でCSSファイルをリンクする方法

下次还敢

リリース： 2024-04-11 05:55:52

オリジナル

1038 人が閲覧しました

HTML で CSS ファイルをリンクする方法

CSS ファイルを HTML でリンクするには、<head>## 内で タグ:

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

ログイン後にコピー

ここで:

詳細な手順:

CSS ファイルの作成: テキストエディターを使用して style.css というファイルを作成し、CSS コードを入力します。
HTML ドキュメント内に タグを作成します。 HTML ドキュメントの タグにはテキストドキュメントが含まれますタイトルやメタデータなどのヘッダー情報。
タグを タグに追加します: タグCSS ファイルなどの HTML 内の外部リソースをリンクするために使用されます。
rel 属性を設定します。 rel 属性を "stylesheet" に設定して、リンクがポイントしていることを示しますスタイルサーフェス。
href プロパティを設定します。 href プロパティを CSS ファイルを指すパスに設定します。パスは絶対パス (ルートディレクトリから始まる) または相対パス (現在の HTML ファイルから始まる) にすることができます。

例:

CSS ファイルの名前が

style.css で、HTML ファイルと同じディレクトリにあると仮定すると、 HTML コードは次のとおりです。

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

ログイン後にコピー

注:

以上がHTML内でCSSファイルをリンクする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

php 8、私も来ます