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

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

  • Presterferda
    Presterferda
    Послать ЛС
Сейчас на сайте:
  • 1 Joomla мастер
  • 1 гость
  • 1 робот
Всего пользователей: 11937

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

  • 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). Данная книга рассказывает о том, как...