Облачный сервис для 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.


загрузка...

 
Баннер

Уважаемые пользователи! Если у Вас возникли вопросы по данному материалу - оставьте свой комментарий и мы постараемся Вам помочь. Оставайтесь с нами!

Добавить комментарий

Защитный код
Обновить

Баннер

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

   

Авторизация



Поддержать этот ресурс Вы можете

через платежную систему Webmoney

  Z299422543783

  R230383531538

  U630721442765
или

Яндекс Кошелек 410011414281063

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

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

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

  • 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)
Баннер

Изучаем CMS Joomla!

-ingateДля всех, кто хочет улучшить видимость сайта в поисковых системах, повысить количество целевых посетителей и увеличить доход от ресурса, эксперты компании...
l11-r-ingateКаждый специалист по маркетингу знает, что большая посещаемость важна для коммерческого сайта, но еще важнее, чтобы пришедшие пользователи...
4-Посещаемость сайта все выше, денег покупатели тратят все больше, бизнес растет как на дрожжах. Согласитесь, это мечта любого владельца сайта и...
lseo-r-Мощный, заряженный мотивацией текст «продаст» товар даже тому, кто не заинтересован в покупке. Однако, если этот текст «некачественный» с точки зрения...
-l-seor-Скоро лето ─ сезон отпусков, пикников и отдыха. Возьмите с собой в дорогу или на дачу книгу «Как попасть в ТОП: практика эффективного SEO». В новом...
-seo-Как увеличить продажи с сайта и продвинуть его в ТОП поисковых систем при помощи качественного контента − узнайте об этом из книги «Наглядное пособие по...
10-joomla-3Полный перевод новой книги Хагена Графа «Joomla! 3 — In 10 Easy Steps» (10 легких шагов к освоению Joomla! 3). Данная книга рассказывает о том, как...