Единицы измерения CSS
Для задания размеров различных элементов, в CSS используются абсолютные и относительные единицы измерения. Абсолютные единицы не зависят от устройства вывода, а относительные единицы определяют размер элемента относительно значения другого размера.
Относительные единицы
Единица | Описание |
---|---|
em | Высота шрифта элемента |
ex | Высота символа x |
px | Пиксел |
% | Процент |
Практически все браузеры вычисляют значение ex как удвоенное em. Возможно это и резонное приближение, но технически неверное.
Пример 1. Использование относительных единиц
|
Размер текстов получился примерно одинаковым, но единицы измерения использовались различные.
Размер в em Размер в ex Размер в пикселях Размер в процентах |
Наиболее используемыми единицами являются пикселы и проценты. Но они зависят от разрешения монитора, его размеров и других системных настроек.
Абсолютные единицы
Единица | Описание |
---|---|
in | Дюйм (1 дюйм равен 2,54 см) |
cm | Сантиметр |
mm | Миллиметр |
pt | Пункт (1 пункт равен 1/72 дюйма) |
pc | Пика (1 пика равна 12 пунктам) |
Самой, пожалуй, распространенной единицей является пункт, который используется для указания размера шрифта. Многие люди привыкли задавать размер шрифта в текстовых редакторах, например, 12. А что это число означает, не понимают. Так это именно пункты и есть, они родные. Конечно они нам не родные, мы привыкли измерять все в миллиметрах и подобных единицах, но пункт, пожалуй, единственная величина из не метрической системы измерения, которая используется у нас повсеместно. И все благодаря текстовым редакторам и издательским системам.
Пример 2. Использование абсолютных единиц
|
Результат использования абсолютных единиц измерения показан ниже.
Размер в дюймах Размер в миллиметрах Размер в пунктах |
Примечание
Если размеры шрифта на странице заданы в абсолютных единицах, то в опциях браузера эту величину изменить нельзя. Поэтому, размер шрифтов лучше задавать в процентах, что позволит делать их больше или меньше подбирая подходящий для комфортного чтения.
Рекомендуем почитать