HTML+CSSのこと

【CSS】要素の最初の文字を装飾するには【first-letter】

CSS3

「first-letter」を使う。
ブラウザで見るとたとえば、こんなふうになるように、h1要素の最初の文字だけ大きくしてみた。
▽CSS

h1:first-letter{ 
    font-size: 3em; 
} 

何も指定しない場合のデフォルトの文字サイズは16pxのため、この場合は
16pxが1emとなり、3em=48pxと同じ。

何故emで指定するのか?
px指定だとブラウザで文字の大きさが変更できないため

おすすめ