Конвертер поинтов (pt) в пиксели (px) и Ems и % в CSS

В CSS используется несколько способов задания размеров объектов и шрифтов.

Абсолютные :
px ( пиксел ), % ( проценты ), mm ( миллиметры ), cm ( сантиметры ), in ( дюймы ); pc ( пики )
А также pt ( пункты ) - для шрифтов.

Относительные:
ширина и высота строчных букв m и x - em и ex .
 

1. px (pixel) - пиксель. 1 пиксель - 1 точка экрана. Используются чаще всего для позиционирования элементов документа.
2. em - относительная единиця.  1 em равен значению font-size
3. pt (point) - пункт, обычно относится к шрифтам, используется в типографии, а также частенько и в вебе для задания размеров шрифтов
4. % - проценты, на самом деле это аналог em, тоже рассчитывается от текущего значения font-size

Если font-size равняется 12pt, то:

1em=100%=12pt

1 pt=1/72 in и является константой.

Обычно 12pt=16px

Ниже приведена  таблица преобразования Points в PIxels (и EMS и%). не трудно понять, что она дает приближенное значение, потому что зависит от шрифта, браузера и ОС.