<< Предыдущая Оглавление Следующая >>


4.2. Единицы измерения в таблицах стилей

Чтобы корректно задавать значения свойств в таблицах стилей необходимо знать, какими единицами измерения можно оперировать при их описании. В табл. 4.1. приведены основные единицы измерения, применяемые в CSS.

Таблица 4.1. Единицы измерения в CSS

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

Относительные

Абсолютные

em – высота шрифта элемента

in – дюйм (1 in = 2.54 см)

ex – высота буквы x

cm – сантиметр

px – пиксел

mm – миллиметр

% - процент

pt – пункт (1 pt = 1/72 in)

 

pc – пика (1 pc = 12 pt)

Помимо указанных единиц можно использовать числа как целочисленные, так и с плавающей точкой. Дополнительно, при описании цветов, в CSS предусмотрены специальные константы:

aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, yellow

и шестнадцатиричная форма записи числа:

#RRGGBB

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

p {color: red} или p {color: #CC0000}

Также допускается задавать цвет с использованием функциональных записей вида rgb и rgba:

p {color: rgb(255,255,255)}
p {color: rgba(200,200,200, 0.4)}

Во втором случае задается серый цвет с прозрачностью 40% единиц (1 – отсутствие прозрачности, 0 – полностью прозрачный).

Видео по теме

HTML с нуля: урок 1 - как работает Интернет и что такое сайт

HTML с нуля: урок 2 - инструментарий, структура документа, стандарты

HTML с нуля: урок 3 - основные теги форматирования HTML

HTML с нуля: урок 4 - ссылки, теги div и span

HTML с нуля: урок 5 (часть 1) - таблицы

HTML с нуля: урок 5 (часть 2) - фреймы

HTML с нуля: урок 6 - HTML формы, GET и POST запросы

HTML с нуля: урок 7 - поля ввода, кнопки, списки

HTML с нуля: урок 8 - каскадные таблицы стилей, начало

HTML с нуля: урок 9 - CSS, теория

HTML с нуля: урок 10 - пример создания макета HTML страницы

 



<< Предыдущая Оглавление Следующая >>