Какие знаешь единицы измерения в CSS

В CSS есть несколько типов единиц измерения:

1. Абсолютные:

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

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

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

Пример:

.container {
  width: 80%; /* 80% от родителя */
  padding: 1em; /* зависит от font-size */
  font-size: 16px;
}

.box {
  width: 50vw; /* 50% ширины окна */
  height: 200px;
}