Облачный сервис для Joomla сайтов
Навигация: Главная Обзоры Единицы измерения в CSS


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

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

В CSS для отображения различных элементов на веб-страницы используют различные единицы измерения, но все их можно свести в две группы: относительные и абсолютные. Относительные единицы зависят от значений других размеров, а абсолютные единицы не от каких-либо иных значений не зависят.

Относительные единицы, как правило, используются при определении размера текста, или есть необходимость узнать процентное отношение различных элементов относительно друг друга. В основном в CSS используются 4 основные относительные единицы:

- ех – определяет высоту символа под значением «х»;

- еm – определяет высоту шрифта данного элемента;

- % - определяет размер в процентном отношении;

- рх – определяет размер в пикселах.

Размер шрифта с изменяемым значением для определенного элемента задается в таблице стилей через свойство font-size. Каждый браузер отображает текст со своим стандартным размером, например, размер «1еm» это, установленная высота шрифта по умолчанию. Поэтому если есть необходимость изменить шрифт, то просто в значении меняем цифры. Точно такая же ситуация и со значением «ех», то есть видно, что размер зависит от заданных параметров браузера или родительского элемента. Вот здесь можно узнать более подробнее об особенностях CSS файлов, которые входят в состав шаблонов к основным популярным CMS.

Пиксел – это ничто иное, как точка, которая отображается на мониторе, независимо от устройства. Поэтому для изменения размера, меняем показатели в значении «рх». Например, стандартный размер шрифта, отображаемым в браузере будет 14рх, для изменения необходимо просто менять цифры перед «рх» - 18рх, 14рх, 28рх и т.д.

Абсолютные единицы используются реже, но они также встречаются при сайтостроении:

- cm – измеряется в сантиметрах;

- in – измеряется в дюймах (1 дюйм = 2,54 см);

- mm – измеряется в миллиметрах;

- pt – измеряется в пунктах (1 пункт = 1/72 дюйма);

- pc – измеряется в пиках (1 пика = 12 пунктам).

Наиболее часто из этих единиц размера используются пункты (pt), но как уже говорилось выше, сейчас в основном пользуются относительными единицами в CSS.

 
Баннер
Баннер

Следуй за нами

   

Авторизация



Статистика сайта

Сейчас на сайте:
  • 1 гость
  • 1 робот
Всего пользователей: 12176

Наша гордость

  • cvetercom
    186 (+19/-5)
  • Nikolia
    130 (+10/-1)
  • root
    120 (+18/-1)
  • apricot
    113 (+20/-4)
  • Fidelity
    101 (+10/-1)
  • Xemreht
    63 (+3/-0)
  • bod
    47 (+5/-1)
  • zloy_pozitiv
    43 (+4/-0)
  • Magnum79
    26 (+2/-1)
  • trixxxden
    26 (+0/-0)
  • RaGaYa
    23 (+0/-0)
  • kola60
    23 (+0/-2)
  • Nette
    18 (+2/-0)
  • StAtiC
    17 (+2/-0)
Баннер

Изучаем CMS Joomla!

-ingateДля всех, кто хочет улучшить видимость сайта в поисковых системах, повысить количество целевых посетителей и увеличить доход от ресурса, эксперты компании...
l11-r-ingateКаждый специалист по маркетингу знает, что большая посещаемость важна для коммерческого сайта, но еще важнее, чтобы пришедшие пользователи...
4-Посещаемость сайта все выше, денег покупатели тратят все больше, бизнес растет как на дрожжах. Согласитесь, это мечта любого владельца сайта и...
lseo-r-Мощный, заряженный мотивацией текст «продаст» товар даже тому, кто не заинтересован в покупке. Однако, если этот текст «некачественный» с точки зрения...
-l-seor-Скоро лето ─ сезон отпусков, пикников и отдыха. Возьмите с собой в дорогу или на дачу книгу «Как попасть в ТОП: практика эффективного SEO». В новом...