フォントの色

部分的に文字の色を変えたいこともあるでしょう。例えば

ここは普通の文字の色 ここは青色 ここは赤色 ここは茶色 ここはオレンジ色 ここは緑色 ここはピンク色 ここは紫色 ここは黄色

このHTMLは

<p>ここは普通の文字の色
<span class="blue">ここは青色</span>
<span class="red">ここは赤色</span>
<span class="brown">ここは茶色</span>
<span class="orange">ここはオレンジ色</span>
<span class="green">ここは緑色</span>
<span class="pink">ここはピンク色</span>
<span class="purple">ここは紫色</span>
<span class="yellow">ここは黄色</span></p>

部分的に背景色をつける

ここの部分は背景色無し この部分の背景色は水色 ここの部分の背景色は緑 ここの部分の背景色はオレンジ ここの部分の背景色は赤 ここの部分の背景色は黄色

このHTMLは

<p>ここの部分は背景色無し
<span class="bg_blue">この部分の背景色は水色</span>
<span class="bg_green">ここの部分の背景色は緑</span>
<span class="bg_orange">ここの部分の背景色はオレンジ</span>
<span class="bg_red">ここの部分の背景色は赤</span>
<span class="bg_yellow">ここの部分の背景色は黄色</span></p>