HTML スタイル

HTML文書では、テキストや要素のスタイルを定義するためにさまざまな方法があります。主に使用される方法には、インラインスタイル、内部スタイルシート、外部スタイルシートがあります。

インラインスタイルは、個々の要素に直接スタイルを適用する方法です。これはstyle属性を使用して要素内にスタイルを記述します。


<p style="color: red; font-size: 16px;">このテキストは赤色で、フォントサイズは16pxです。</p>

内部スタイルシートは、<style>タグを使用して文書内の特定のセクションにスタイルを適用する方法です。


<head>
  <style>
    p {
      color: blue;
      font-size: 14px;
    }
  </style>
</head>

外部スタイルシートは、別々の.cssファイルにスタイルを記述し、<link>タグを使用してHTML文書にリンクする方法です。


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

これらのスタイリング方法を組み合わせて使用することで、HTML文書の見た目やレイアウトを詳細に制御することができます。