Какие знаешь величины в CSS

В CSS используются абсолютные и относительные величины:

Абсолютные:

• px (пиксели) - 1px = 1/96 дюйма
• cm, mm, in (дюймы) - редко используются в вебе
• pt (пункты) - 1pt = 1/72 дюйма

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

• em - относительно размера шрифта родителя
• rem - относительно размера шрифта корневого элемента (html)
• % - относительно родительского элемента
• vw, vh - 1% ширины/высоты viewport
• vmin, vmax - минимальное/максимальное из vw/vh
• ch - ширина символа "0" текущего шрифта

Пример:

.container {
  width: 80%; /* 80% от ширины родителя */
  padding: 2em; /* в 2 раза больше font-size элемента */
  font-size: 1.2rem; /* 1.2 × корневой font-size */
  height: 100vh; /* полная высота viewport */
}