CSS: Меры измерения: px, em, pt, %,cm,mm

В CCS существует множество различных способов измерять отступы, размеры шрифтов, элементов и т.д. Во всем этом легко запутаться, если не знать, что и как. Поэтому и появилась эта заметка;)

1. px - задания размеров с помощью пикселей. Полезен тем, что можно с высокой точностью задавать размеры объектов. 1 пиксель - 1 точка экрана. Используются чаще всего для позиционирования элементов документа.
2. em - относительные единицы, 1 em равен значению font-size
3. pt - пункты, используются в типографии и часто для задания шрифтов
4. % - всем известные проценты, на самом деле это аналог em, тоже рассчитывается от текущего значения font-size
5. cm - тут все просто, обычные сантиметры
6. mm - ну а это миллиметры
7. in - дюймы

Если font-size у на равняется 12pt, то:
1em=100%=12pt
1 pt=1/72 in и является константой.
Обычно 12pt=16p