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

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

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

Помимо указанных единиц можно использовать числа как целочисленные, так и с плавающей точкой. Дополнительно, при описании цветов, в 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 – полностью прозрачный).