CSS: Меры измерения: px, em, pt, %,cm,mm
-- Василёс
В CCS существует множество различных способов измерять отступы, размеры шрифтов, элементов и т.д. Во всем этом легко запутаться, если не знать, что и как. Поэтому и появилась эта заметка;)
- px - задания размеров с помощью пикселей. Полезен тем, что можно с высокой точностью задавать размеры объектов. 1 пиксель - 1 точка экрана. Используются чаще всего для позиционирования элементов документа.
- em - относительные единицы, 1 em равен значению font-size
- pt - пункты, используются в типографии и часто для задания шрифтов
- % - всем известные проценты, на самом деле это аналог em, тоже рассчитывается от текущего значения font-size
- cm - тут все просто, обычные сантиметры
- mm - ну а это миллиметры
- in - дюймы
Если font-size у на равняется 12pt, то:
1em=100%=12pt
1 pt=1/72 in и является константой.
Обычно 12pt=16p
Похожие записи:
- Что такое CSS?
- Основные свойства CSS.
- Прижимаем footer (подвал/футер) к низу экрана
- Рамки с круглыми краями и прозрачность в CSS.
- Блочная верстка сайта (верстка с помощью DIV и CSS)
- Текст с тенью при помощи CSS
- Снова CSS. Шрифты, форматирование, позиционирование
- Еще немного CSS. Поля и отступы.
- Основные html теги
- Краткие основы JavaScript
Метки: cm CSS em fonts HTML in pt px меры измерения