В чем разница между значениями величин в CSS?

В CSS есть абсолютные и относительные единицы — первые фиксированы, вторые зависят от шрифта, родителя или окна.

Абсолютные

• `px` — CSS-пиксель, основа для точных размеров: рамки, тени, мелкие отступы.
• cm, mm, in, pt — в основном для печати.

Относительные

• `%` — от соответствующего размера родителя.
• `em` — от шрифта текущего элемента.
• `rem` — от шрифта html; основная единица для шрифтов и отступов.
• `vw`, `vh` — проценты от ширины и высоты окна; `dvh` учитывает панели мобильного браузера.
• `ch` — ширина символа «0»: удобно ограничить длину строки (max-width: 65ch).
• `fr` — доля свободного места в Grid.

Функции

.title { font-size: clamp(1.25rem, 2vw + 1rem, 2.5rem); }
.sidebar { width: min(300px, 100%); }

Коротко для собеседования

px — фиксированные, %, em, rem, vw/vh, ch, fr — относительные; для шрифтов обычно rem, для плавных размеров — clamp().

Подробнее: MDN — Значения и единицы