HTMLファイルにCSSを追加する方法

インラインスタイル: HTML要素のstyle属性を使用して、インラインスタイルを直接指定することができます。例えば、以下のようなコードを使用して、テキストの色を赤に変更します。

<p style="color: red;">赤いテキスト</p>

<!DOCTYPE html>
<html>
<head>
  <style>
    p {
      color: blue;
      font-size: 16px;
    }
  </style>
</head>
<body>
  <p>青いテキスト</p>
</body>
</html>

外部スタイルシート: 外部のCSSファイルを作成し、HTMLファイルからリンクすることもできます。まず、別のファイル（例: styles.css）にスタイルを定義します。

p {
  color: green;
  font-size: 20px;
}

次に、HTMLファイルの<head>セクション内でリンクを追加します。

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <p>緑のテキスト</p>
</body>
</html>

これらはCSSをHTMLファイルに追加するためのいくつかの一般的な方法です。必要に応じて、さまざまなスタイリングルールやプロパティを使用してウェブページをカスタマイズできます。