先日、コーディングをしている時に困ってしまったこと。
ひとつのキャッチコピーの中に複数の色や大きさの違う文字が使われていて、それぞれにどう指定したらいいか頭を悩ませました。なるべくスタイルシートの記述を増やさずに対処できないかなぁと模索していた時に、ちょっと役に立ったのが「span style」を使った方法。
span styleはHTMLの方で文字色や文字サイズ、文字の背景色を指定することができます。
記述方法は簡単です。
HTML上で装飾したい文字を<span style=”文字色などの指定;”>と</span>ではさむだけ。
フォントサイズであれば
<span style="font-size：◯◯;"></span>文字の背景色であれば
<span style="background-color:◯◯;"></span>この記述で装飾することができます。
基本的にはHTMLがごちゃごちゃしないよう、スタイルシートで指定すべきなのだとは思いますが、方法のひとつとして覚えておいて損はないかも？と思いました。
機会があればぜひご活用くださいませ〜。
コメント