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


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 – полностью прозрачный).



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