|Web Учебник | Самоучитель по HTML |Самоучитель по PHP + MySql |Основы PhotoShop |Контакты. |

Как задать цвет текста и фона.

Как задать цвет текста средствами CSS.

Чтобы задать цвет текста в HTML существует атрибут тега TEXT. Аналогичное значение есть и в каскадных таблицах стилей, это правило COLOR:, которому присваивается либо буквеное(например: red, green, blue и т.д.) либо номерное значение цвета:
color:rgb(255,0,0) цвет задается цифрами в диапазоне от 0 до 255 для каждого составляющего красителя(красный|синий|зеленый), рекоменовано использовать эту модель.
color:#F00 цвет задается номером цвета в дипазоне 0-2-3-4-5-6-7-8-9-A-B-C-D-E-F (красный|синий|зеленый).
color:#ff0000 как и предыдущий, но для каждого цвета задается два символа, что дает возможность более гибкой настройки цвета.
Свойство правила COLOR: можно применить к всем элементам, данное правило наследуется потомками.

Как задать цвет фона в каскадных таблицах стилей.

В HTML мы можем менять цвет фона при помощи атрибутов background и/или bgcolor. CSS дают нам больше возможностей, не только задавать фон, но и управлять им.

Правило background-color: устанавливает фон элемента цветом, допустимые значения:
transparent это значения по умолчанию, т.е. фон прозрачный, сли вы изменили умолчания, например тегу BODY задали фон цветом или изображением, то для того чтобы вернуть умолчания нужно задать это значение.
inherit - вычесленое П.А.
color - в качестве значения указывается цвет, цветовые схемы как и для текста, например background-color:red.
Данное правило не наследуется, но с учетом того что по умолчанию значение transparent и если вы задали цвет родительскому элементу, то оно будет отображено у потомков, т.к. у них фон прозрачный.

Правило background-image: устанавливает в качестве фона изображение. Допустимые значения:
background-image:none - значение по умолчанию, т.е. без изображения.
background-image:inherit - вычесленое П.А.
background-image:url("image.png") - указывает путь к картинке.
На случай того если изображение будет не доступным или П.А. не поддерживает данное изображение нужно указывать перед background-image правило background-color с близким по значению цветом, например на картинке много серого цвета, то правило будет таким:
BODY{
background-color:silver;
background-image:url("image.png");
}
Если картинка поддерживается П.А. то последнее правило перечеркнет первое и будет отображен фон картинкой, а если изображение не найдено или не поддерживается то будет работать первое правило, потому что последнее будет проигнорировано.
Наследование как и у background-color.

Правило background-repeat: используется вместе с правилов background-image и управляет размножением фонового изображения. Допустимые значения:
background-repeat:repeat графическое изображение размножается по вертикали и горизонтали
background-repeat:inherit - вычесленое П.А.
background-repeat:repeat-x - графическое изображение размножается только по горизонтали
background-repeat:repeat-y - графическое изображение размножается только по вертикали
background-repeat:no-repeat - графическое изображение не размножается.
Наследование как и у background-color.

Правило background-attachment: используется вместе с правилов background-image и управляет прокруткой фонового изображения. Может принимать следующие значения:
background-attachment:scroll - значение по умолчанию, фоновое изображение перемещается вместе с контентом.
background-attachment:inherit - вычесленое П.А.
background-attachment:fixed - Фоновое изображение зафиксировано и не перемещается вместе с контентом.
Наследование как и у background-color.

Правило background-position: определяет начальную позицию изображения, т.е. с какого места начинается фоновое изображение. Значением может быть в процентах, или еденицах длины, или из комбинации этих значений: top left center right bottom.

Правило background: является сокращеной формой для всех остальных и имеет такой синтаксис:
*{background: цвет путь_к_изображению размножение прокрутка позиция}
*{background: green image.gif center no-repeat fixed }
По цвету и фону у меня все.

 

                   Перейти к выбору следующей страницы
 

Добавить в закладки
Добиться абсолютной межбраузерности для механизма добавления в закладки не существует ни на каких языках!!! А для браузера "Chrome" не работают вообще ни какие механизмы!!!
Потому это лучше всего делать в ручную при помощи одновременого нажатия клавиш Ctrl и D , после чего нужно нажать готово(добавить). Такой "механизм работает всегда и везде!!!