Цвета элементов
Фоновый цвет и цвет текста для всей страницы назначаются параметрами тега BODY:
Цвет шрифта для отдельных участков текста (тег также может управлять размерами шрифта):
Цвет фона таблицы: (аналогично и для отдельных ячеек, только table меняется на tr,td или th)
Цвет базового шрифта для всей страницы также можно определять тегом:
<basefont color="цвет"> -расположенным в голове страницы
Современные браузеры (от IE 4.0.) распознают 140 предопределенных цветов.
Задание цвета возможно как в именном так и в цифровом выражении, то есть в виде: <BODY BGCOLOR=tomato> или <font color=FF34C6>
В цифровом выражении цветность шифруется интенсивностью трех основных цветов: красного, зеленого и синего(RGB) в шестнадцатеричной системе. 00- нулевая интенсивность, FF- максимальная насыщенность. Соответственно: 000000- черный цвет, FF0000- красный, 00FF00 - зеленый, 0000FF - синий, FFFFFF- белый максимальной интенсивности. Исходя из этого правила, цвета с одинаковыми значениями всех трех параметров (Red=Green=Blue) будут серым, но разной интенсивности.
Могу порекомендовать очень маленькую бесплатную программку "Pixie" возвращающую цвет пиксела, на котором находится курсор мыши. Удобно при подборе фона под фотографии, например.
Для наглядности, я насобирал для вас небольшую коллекцию цветов (Верхняя часть из них, колонками по три, была выставлена в качестве примера правильного подбора цветов, в RU/ководстве Артемия Лебедева.)
d9d9d9 | a3bf00 | ffc200 | 003562 | 0069a3 | 9eb03 |
a6a6a6 | 008992 | ff0000 | 006d93 | 000000 | c4a100 |
9b8f9b | d3c2ad | 000000 | e8aa00 | ffffff | fad69f |
Примеры цветов в RGB | |||||
---|---|---|---|---|---|
f39e77 | a8d59d | 9595c6 | 9999ff | 009933 | 990066 |
f6b580 | 99cc99 | 968187 | cc0033 | 007299 | 009999 |
fad295 | 99cccc | ae88b8 | 960018 | e96b9e | ff6633 |
fff99d | 99ccff | c699bd | 999966 | a9834f | 0099ff |
c7e19e | 99add5 | ff99cc | 33cc66 | 6699cc | 660066 |
В заключении рассмотрим иерархию цветовых тегов:
<html><head><basefont color=yellow></head>
<body bgcolor=white text=red>
<font color=blue>
Текст под действием тега font
<table border><tr><td>
Текст в таблице<br>
<font color=green>Текст в таблице под действием тега font</font>
</table>
</font>
</body></html>
Текст под действием тега font
|
|
Желтый цвет заданный тегом basefont переназначается параметром text тега body на красный*. Любой текст введенный сейчас без дополнительных цветовых тегов будет отображен красным. Но в предложенном примере такой тег имеется:- <font color=blue>. Он окрашивает верхнюю строку примера в голубой цвет. В границы тега попадает и таблица, но на текст находящийся внутри таблицы действие этого тега не распространяется! Таким образом текст таблицы будет выведен цветом указанным в параметре text (красным). Если же мы применим для текста внутри таблицы свой собственный тег<font color=green> то он будет исправно работать. ЗАКЛЮЧЕНИЕ! Текст внутри таблицы следует снабжать собственными тегами <FONT>.(это касается и размеров) *Тег <basefont> тем не менее остается актуальным из-за возможности управлять размером шрифта по умолчанию, что невозможно для тега BODY. |
Рекомендуем почитать