Текст
Теперь займёмся текстом в карточке. По макету:
- Весь текст в карточке выровнен по центру и набран шрифтом без засечек: выберите любой, но закончите список универсальным семейством.
- Размер имени — 24px.
- У биографии (абзаца о Лизе) высота строки в 1,6 раза больше размера шрифта, чтобы текст было удобно читать.
- Профессия под именем серого цвета,
#6b7280, размером 14px, заглавными буквами и с расстоянием 2px между буквами.
Текст в HTML оставьте как есть: заглавные буквы здесь — вопрос внешнего вида, а внешний вид задаётся в CSS.
После этого упражнения карточка выглядит так (в уменьшенном виде):
ЛН
Лиза Новикова
Веб-дизайнер
Я делаю сайты для небольших компаний: кафе, книжных магазинов и приютов для животных. Люблю понятную вёрстку, удобный для чтения текст и кота на коленях во время работы.
Казань, Россия
liza@example.com
Открыта к новым проектам
Подсказка: задавать шрифт и выравнивание для каждого элемента по отдельности не нужно. Вспомните, какие свойства наследуются.
Задание
- 1
Весь текст в карточке выровнен по центру и набран шрифтом без засечек. Размер имени — 24px, а высота строк в биографии в 1,6 раза больше размера её шрифта.
- 2
Профессия серого цвета, размером 14px, заглавными буквами и с расстоянием 2px между буквами.