Початок параграфа з великої літери css

Відео: Введення в CSS. Урок 6 Оформлення HTML тексту за допомогою CSS

Відео: CSS урок 11. Регістр тексту

На сьогоднішній день існує багато псевдоселекторов, які рідко використовуються при розробці дизайну. Зрозуміло що без псевдоселекторов посилань не обійтися (стані при наведенні, натисканні і так далі). Але існує псевдоселектор, який дозволяє задати першу букву параграфа довільної величини і з іншими призначеними для користувача настройками. Можливо ви вже бачили буквицу на блогах. І в цьому уроці ми розглянемо як створити буквицю за допомогою CSS.

Як створити початок параграфа з великої літери?

Для того щоб зробити буквицу на CSS необхідно параграфу задати псевдоселектор : First-letter. Ось як це виглядає в CSS:

123	p: First-letter {font-size: 50px-}

В результаті у нас вийде:

alt = "Буквиця на CSS" width = "400" height = "308" class = "aligncenter size-full wp-image -1450" / gt;

Також крім однієї літери, можна виділити всю перший рядок. Для цього необхідно використовувати псевдоселектор : First-line.

В CSS це виглядає наступним чином:

123	p: First-line {font-weight: bold-}

alt = "Виділяємо перший рядок" width = "400" height = "305" class = "aligncenter size-full wp-image-1451" / gt;

Але для того щоб не виділяти кожну першу букву всіх абзаців, або перший рядок, використовуються додаткові псевдоселектори : First-child і : First-of-type, які дозволяють вибрати тільки перший елемент, а решті дати як зазвичай.