1. Главная страница » Уроки CSS » Присваиваем цвет элементу и его фону

Присваиваем цвет элементу и его фону

Автор: | 27.04.2013

В этой главе мы поговорим о том, как с помощью 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>

1 2 3 4 5

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

code