В этой главе мы поговорим о том, как с помощью CSS присвоить цвет элементу и его фону, а так же о том, как использовать рисунок в качестве фона элемента и управлять его положением.
Цвет в CSS может быть задан тремя методами:
Именным значением, например:blue— синий.
Значением цвета RGB, например: RGB(0,0,255) — синий.
Шестнадцатеричным значением цвета RGB, например: #0000ff— синий.
Для того, что бы перекрасить текст, какого либо, элемента в нужный нам цвет необходимо воспользоваться свойством «color» и присвоив ему нужное значение — собственно цвет. Пример:
Имя элемента
{ color:#0000ff; }
Свойство «background-color» — определяет цвет фона элемента. Пример:
Имя элемента
{ background-color:#0000ff;}
Для любого элемента можно присвоить фоновое изображение с помощью CSS свойства: «background-image». Пример:
Имя элемента
{ background-image: url(risunok.gif);}
Свойства «background-color» и «background-image» применяются в основном для фона тела документа «body» и контейнера «div» что касается <body> то здесь все просто:
body
{ background-color:#AAFFFF;}
А вот, что делать с контейнерами <div>? Ведь их, на одной странице может быть большое количество, как их различить друг от друга? И здесь к нам на помощи приходит идентификатор класса и метки «id». Мы можем прописать каждому контейнеру разные имена, а потом в таблице стилей прописывать разные свойства для каждого контейнера отдельно, разница между именем класса и меткой «id» заключается в том, что одно имя (класс) может присваиваться нескольким контейнерам, а метка «id» может применятся только для одного контейнера, то есть не должно повторяться. А выглядит это так:
<div class=»nazvanie»> содержимое </div>
<div id=»nazvanie»> содержимое </div>
