Какими величинами пользовался в CSS

В CSS используются абсолютные и относительные единицы измерения.

Абсолютные:

• px (пиксели) — фиксированный размер.
• pt (пункты) — 1pt = 1/72 дюйма.

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

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

Пример:

.container {
  font-size: 16px;
  padding: 2em; /* 32px (2 × 16px) */
}
.box {
  width: 50vw; /* 50% ширины окна */
  height: 10rem; /* 10 × корневой font-size */
}