【コーディング備忘録】HTML上で文字色を指定できる「span style」

先日、コーディングをしている時に困ってしまったこと。

ひとつのキャッチコピーの中に複数の色や大きさの違う文字が使われていて、それぞれにどう指定したらいいか頭を悩ませました。なるべくスタイルシートの記述を増やさずに対処できないかなぁと模索していた時に、ちょっと役に立ったのが「span style」を使った方法。

span styleはHTMLの方で文字色や文字サイズ、文字の背景色を指定することができます。

記述方法は簡単です。

HTML上で装飾したい文字を<span style=”文字色などの指定;”>と</span>ではさむだけ。

フォントサイズであれば

<span style="font-size：◯◯;"></span>

文字の背景色であれば

<span style="background-color:◯◯;"></span>

この記述で装飾することができます。

基本的にはHTMLがごちゃごちゃしないよう、スタイルシートで指定すべきなのだとは思いますが、方法のひとつとして覚えておいて損はないかも？と思いました。

機会があればぜひご活用くださいませ〜。

▼ Webデザインもコーディングもこれ１冊で学べます！オススメ。