<h1>テキスト文章の<span>ここだけ色を変えたい</span></h1>

CSSで色を指定

span {
    color: #ff0000;
}

こんな感じ

または

<h1>テキスト文章の<span style="color:#ff0000;">この部分だけ色を変更したい</span></h1>

「div style」だと、その「ブロック要素全体」の色彩や背景色を指定する際に使いますが、

「span style」は、「文中の特定の文字だけ色を変更」する場合に使用します。

「div style」と「span style」の違いとして、下記があります。

  • 「div style」はブロック要素のため、その前後で改行が入ることになり、文中の特定の文字だけという使い方はできない。
  • 「span style」はインライン要素のため、文中の特定のキーワードにだけ色を指定する際に便利。

ちなみに、

  • 「div style」や「span style」というふうに「style」は、直接指定。
  • 「div class」や「span class」というふうに「class」は、CSSファイルから値を読み込む間接指定。