HTMLとCSSのリンク方法

2024-02-16 09:00 HTML CSS リンク

外部スタイルシートを使用する方法: 外部のCSSファイルを作成し、それをHTMLファイルにリンクすることができます。次の手順に従ってください。

CSSファイル（例: styles.css）を作成します。
CSSファイルにスタイルの定義を追加します（例: body { background-color: yellow; }）。
HTMLファイルのセクション内で、以下のコードを使用してCSSファイルとのリンクを作成します:

<link rel="stylesheet" href="styles.css">

インラインスタイルを使用する方法: HTMLの要素に直接スタイルを適用することもできます。以下は例です。

<p style="color: blue;">このテキストは青色で表示されます。</p>

<head>
  <style>
    body {
      background-color: yellow;
    }
  </style>
</head>

これらはHTMLとCSSをリンクするための一般的な方法です。適切な方法を選択し、ウェブページのスタイルを設定してください。