Игра на «Морской Бой» на JavaScript: «Простая Игра» и «Игра для Двоих»
Yutex - Платный хостинг PHP.
Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Интернет-магазин под ключ

Статьи для сайтов!!!
Главная Статьи Единицы измерения в CSS Способы задания цвета

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

Относительные единицы
Абсолютные единицы


В основном в HTML и в CSS в качестве единицы измерения различных величин (размеров элементов, расстояний....) используется пиксель - px.

Например, если для тега <table> указан без значения атрибут border, устанавливающий толщину границы таблицы, то она составит 1 пиксель. Это значение по умолчанию.

Или, например, при работе с кодом в редакторе Dreamweaver, при использовании свойства font-size (оно устанавливает размер шрифта), редактор автоматически предлагает ряд значений, первые из которых указаны в пикселях.

Так что многие разработчики пользуются именно этой единицей измерения.

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

Относительные единицы измерения

Относительные единицы измерения это единицы, которые устанавливают размер, зависящий от другой величины.

В таблице приведен перечень относительных единиц измерения, использующихся в CSS.

Единица Описание

em

Вычисляется относительно размера шрифта элемента.

ex

Высота символа x. Зависит от текущего шрифта.

px

Пиксель. Размер задается в пикселях. Пиксель мельчайшая часть изображения. Его размер зависит от разрешения матрицы монитора.

%

Проценты. Размер задается в %.

Пример

Фрагмент кода:

<p> Относительные единицы! </p>
<p style="font-size:
4ex;"> 4 символа x. </p>
<p style="font-size:
2em;"> Размер шрифта увеличен вдвое. </p>
<p style="font-size:
25px;"> 25 пикселей. </p>
<p style="font-size:
220%;"> 220% от текущего размера шрифта. </p>

Результат:


Относительные единицы!

4 символа x.

Размер шрифта увеличен вдвое.

25 пикселей.

220% от текущего размера шрифта.


Абсолютные единицы измерения

Абсолютные единицы применяются реже относительных. Абсолютные единицы независимы от чего-либо.

Единица Описание

cm

Сантиметр, см.

in

Дюйм (1 дюйм равен 2,54 см.).

mm

Миллиметр, мм.

pc

Пика (1 пика равна 12 пунктам).

pt

Пункт (1 пункт равен 1/72 дюйма).

 

Самой популярной величиной из абсолютных единиц является пункт. Именно пункт используется для указания размера шрифта в Microsoft Office: 14 размер шрифта - соответствует 14 пунктам.

Пример

Фрагмент кода:

<p> Абсолютные единицы! </p>
<p style="font-size
: 5mm;"> 5 Миллиметров. </p>
<p style="font-size:
1cm;"> 1 сантиметр. </p>
<p style="font-size:
0.5in;"> Пол дюйма. </p>
<p style="font-size:
14pt;"> 14 пунктов - 14 шрифт. </p>
<p style="font-size:
1pc;"> 1 пика - 12 пунктов. </p>

Результат:


Абсолютные единицы!

5 Миллиметров.

1 сантиметр.

Пол дюйма.

14 пунктов - 14 шрифт.

1 пика - 12 пунктов.


Графические форматы Единицы измерения в CSS Способы задания цвета
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru