Единицы измерения размеров различных элементов
В CSS используется два типа задания единиц измерения размеров различных элементов (шрифтов, отступов, полей и т.д.): относительное задание и абсолютное.
Все абсолютные единицы размеров используются в CSS преимущественно для печати. Для отображения информации на экранах в CSS следует использовать размеры в относительных единицах.
К относительным единицам относятся:
- em — 1em равен значению, установленному в настройках браузера по умолчанию. Если em используется для определенного элемента, то за 1em принимается размер его родителя.
- % — процент от другого свойства, при установке font-size процент берётся от текущего размера шрифта.
- рх — указывает размер в пикселях и, соответственно, зависит от разрешения экрана, но не зависит от места расположения элемента.
- ех — 1ex равен высоте строчной буквы х для используемого шрифта.
Использование абсолютных единиц измерения предпочтительно только в тех случаях, когда известны геометрические размеры устройства вывода.
- cm — сантиметр;
- mm — миллиметр;
- in — дюйм (1 дюйм равен 2,54 см);
- pt — точка (point). 1pt = 1/72 дюйма;
- рс — пика. 1пика = 12 точкам.
Как правило, 1em = 12pt = 16px = 100%. В таблице показано, что происходит при увеличении базового размера шрифта от 100% до 200%.
| | font-size:100%; | font-size:200%;
|
| font-size:1em; | Текст
| Текст
|
| font-size:100%; | Текст
| Текст
|
| font-size:16px; | Текст
| Текст
|
| font-size:12pt; | Текст
| Текст
|