Урок 14. Цвета и типографика

📁 Раздел: Основы CSS ⏱️ Время изучения: ~45 мин 🎯 Сложность: Начальная
#color #background-color #rgb #hsl #font-family #font-size #font-weight #line-height #text-align #letter-spacing #max-width

⚡ Кратко

Цвет и типографика формируют читаемость страницы. Нужно выбирать контрастные цвета, задавать понятную иерархию заголовков, управлять длиной строки, line-height и весом шрифта.

О чём этот урок

Цвет и типографика формируют читаемость страницы. Нужно выбирать контрастные цвета, задавать понятную иерархию заголовков, управлять длиной строки, line-height и весом шрифта.

Цвет в CSS можно задавать именем, #hex, rgb(), hsl() и современными форматами. Для курса достаточно уверенно читать hex, rgb и hsl — это записи одного и того же цвета:

#0f766e
rgb(15 118 110)
hsl(176 77% 26%)

Результат после урока

  • Вы объясняете основную идею темы своими словами.
  • Пишете рабочий HTML/CSS-фрагмент без копирования вслепую.
  • Понимаете типичные ошибки и умеете их проверить в браузере.

Практика

  • Задайте body основной цвет текста, фон, font-family и line-height.
  • Оформите h1, h2 и обычные абзацы как иерархию.
  • Сделайте блок с тёмным фоном и светлым текстом.

Навигация