Эту короткую заметку мы посвятим заглавным буквам. А именно, поговорим о редко используемом псевдоэлементе CSS :first-letter. Конечно, стиль начертания заглавных букв будет иметь значение только для больших статей. Но, стоит заметить, это красиво, а так же быстро и легко реализуемо.

Итак, приступим:

HTML

Как и во многих других случаях, связанных с использованием псевдоэлементов, в коде HTML менять ничего не нужно:

<article>
    <p>Наступила осень, слякотно и грустно.</p>
</article>

CSS

А вот и магия:

p:first-letter {
    color: orangered;
    font-size: 250%;
}

Спасибо за внимание.