Единицы измерения

Настройка отображения тех или иных элементов HTML страницы является одно из главных предназначений CSS. При работе с HTML вам, наверное, много раз приходилось сталкиваться с указанием точных размеров в процентах или пикселях. Это крайне важно для правильного позиционирования элементов настолько на сколько это возможно.

В первую очередь нужно определиться с единицами измерения. В основном они делятся на два вида, это

- относительные;
- абсолютные.

Так к относительным относятся: пиксель (px) и процент (%), а к абсолютным: дюйм (in), сантиметр (cm), миллиметр (mm), а так же пункт (pt) и пика (pc) и так далее.
Применение абсолютных размеров в CSS является очень неудобным из-за того, что страницы просматриваются с разных устройств с разным разрешением экрана, и поэтому установка точного размера, скажем, шрифта, приведет к сильному искажению отображения страницы на разных устройствах. К тому же нет никаких гарантий, что точный указанный размер окажется таким же на других устройствах.

Попробуем разобраться с относительными величинами. Размер шрифта, к примеру, наиболее удобно указывать в пикселях, такой вариант является наиболее точным. Например, указание размера шрифта для параграфа будет выглядеть вот так: P {font-size: 12px;}

Стоит отметить, что такая величина, как em, некорректно отображается во многих браузерах. Также ее отличие заключается в следующем: пиксель «привязывается» к вводу. Выходит, что один пиксель получает одинаковый размер на конкретном устройстве, а величина 1em – будет зависеть от шрифтового размера.