「first-letter」を使う。
ブラウザで見るとたとえば、こんなふうになるように、h1要素の最初の文字だけ大きくしてみた。
▽CSS
h1:first-letter{
font-size: 3em;
}
何も指定しない場合のデフォルトの文字サイズは16pxのため、この場合は
16pxが1emとなり、3em=48pxと同じ。
何故emで指定するのか?
px指定だとブラウザで文字の大きさが変更できないため
おひとりさまが日々を楽しくゲームしたり買い物したりした履歴
「first-letter」を使う。
ブラウザで見るとたとえば、こんなふうになるように、h1要素の最初の文字だけ大きくしてみた。
▽CSS
h1:first-letter{
font-size: 3em;
}
何も指定しない場合のデフォルトの文字サイズは16pxのため、この場合は
16pxが1emとなり、3em=48pxと同じ。