Единицы измерения в CSS
В этой статье я хочу рассказать обо всех возможных единицах измерения в CSS. В большинстве случаев используют 1, 2, максимум 3, однако, быть знакомыми со всеми единицами измерений всё-таки стоит, и в этом Вам поможет данная статья.
Для начала давайте разберём, что такое единицы измерений:
p {
font-size: 14pt;
}
Вот именно pt - это пример единицы измерений. Мы задали размер шрифта 14 пунктов, давайте разберём, какие ещё есть единицы измерений в CSS:
| Обозначение | Описание |
| px | Пиксели. Пиксель - это самая маленький объект, различимый на экране монитора. |
| em | Размер в em зависит от текущего размера шрифта. Если стоит 1.5em, значит, данный размер в 1.5 раза больше, чем размер шрифта в данном элементе. |
| % | Аналог em, но 100% - это 12pt. Также проценты позволяют легко масштабировать размеры под разные устройства. |
| ex | 1ex - это высота строчной "х" у текущего шрифта. |
| pt | Пункты. 1 пункт - это 1/72 дюйма. |
| sm | Размер в сантиметрах. |
| mm | Размер в миллиметрах. |
| in | Дюймы. 1 дюйм - это 2.54 см. |
| pc | Пики. 1 пика - это 12 пунктов. |
Обратите внимание, что первые 4 единицы измерений - относительные, а следующие 5 - абсолютные. Я настоятельно рекомендую использовать только относительные размеры (за редким исключением), так как они масштабируются, и сайт будет смотреться на самых разных разрешениях нормально. На практике Вы будете использовать 2-3 единицы измерений, однако, если вдруг Вы встретите, например, пики, то теперь будете знать, что это такое.
-
Создано 22.02.2012 14:59:51
-
Михаил Русаков
Комментарии (3):
здравствуйте. а можно задать ширину так - width: 50% - 1px, 50 процентов и ещё на 1 пиксил меньше ? (для компенсации размеров рамки)
Ответить
тебе нужно использовать формулу цель / контекст = результат
Ответить
на сайте Мержевича стоит не sm а cm http://htmlbook.ru/css/value/size
Ответить
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.