CSS: старт

Урок 03 · 10 хв

Текст, колір, шрифт

color успадковується. Розмір шрифту — не «магія 16». Контраст — не смак.

font-family, font-size, line-height, color. line-height краще без одиниць (1.5), ніж px: так масштаб не ламається. Колір тексту й фон — контраст. Сірий на сірому «гарно» в макеті й нечитабельно.

Читабельний абзац
AI

Можна спитати про це правило«Успадкування — не баг»

  • em від батька, rem від кореня. Для розміру тексту частіше rem.
  • text-align на блоці, а не на кожному слові.
  • letter-spacing на CAPS доречний, на довгому абзаці — ні.
AI

Можна спитати про цей пункт«Суть уроку»

Перевірка

Закріпи, поки не пішов далі

  1. 1. line-height: 1.5 означає

  2. 2. color з body дійде до кнопки?

  3. 3. Чим rem спокійніший за em для заголовка?