• RSS

Главная ›› Уроки по CSS, CSS3 ›› Единицы измерения в CSS

Единицы измерения в CSS

Единицы измерения в CSS необходимы при создании любого сайта. К примеру, нам нужно задать размер шрифта, сделать отступы и т.д. — не зная размерности мы вряд ли сможем это сделать. В CSS применяется несколько единиц измерения, но, как правило, используют всего один-два. Тем не менее, знать все возможные единицы измерений не помешает, и в этом Вам поможет данный урок.

Единицы измерения в CSS

Условно единицы измерения в CSS можно разделить на три группы:

1. Величины, которые используются для измерения длин реальных предметов:

  • in — дюймы;
  • cm — сантиметры;
  • mm — миллиметры.

2. Величины, которые пришли в CSS из типографии. Они используются для установки размеров шрифта, межстрочных интервалов и прочих типографских величин. Эти величины часто используются полиграфистам:

  • pt — типографский пункт;
  • pc — пика;
  • ex — высота строчной буквы «x» в шрифте.

3. Величины, которые являются относительными, то есть реальный размер элемента вычисляется относительно какой-либо иной величины:

  • em — вычисляется относительно размера шрифта элемента;
  • px — пиксель, вычисляется относительно устройства отображения;
  • % — процент, такие величины вычисляются относительно размеров элемента-предка.

Таким образом, теперь вы знаете, что такое единицы измерения в CSS и на какие группы они подразделяются. Величины: %, px, em, ex являются относительные, величины: in, cm, mm, pc, pt — абсолютные. При создании сайта лучше всего использовать только относительные размеры, так как они масштабируются, и сайт будет смотреться на самых разных разрешениях нормально.

Поделиться ссылкой:


« 
 »

Читайте также:

Оставить комментарий


  • RSS

«Как создать и продвинуть свой сайт»

2011–2017 © Siteblogger.ru
Рейтинг@Mail.ru  
Наверх