CSS: Меры измерения: px, em, pt, %,cm,mm

2.04.2010. Новости

0

В CCS существует множество различных способов измерять отступы, размеры шрифтов, элементов и т.д. Во всем этом легко запутаться, если не знать, что и как. Поэтому и появилась эта заметка;)

  1. px - задания размеров с помощью пикселей. Полезен тем, что можно с высокой точностью задавать размеры объектов. 1 пиксель - 1 точка экрана. Используются чаще всего для позиционирования элементов документа.
  2. em - относительные единицы, 1 em равен значению font-size
  3. pt - пункты, используются в типографии и часто для задания шрифтов
  4. % - всем известные проценты, на самом деле это аналог em, тоже рассчитывается от текущего значения font-size
  5. cm - тут все просто, обычные сантиметры
  6. mm - ну а это миллиметры
  7. in - дюймы

Если font-size у на равняется 12pt, то:

1em=100%=12pt

1 pt=1/72 in и является константой.

Обычно 12pt=16p

Страница 1 из 11

Rambler's Top100 Блогун - монетизируем блоги