Каждая таблица стилей образуется из наборов правил. Чтобы лучше понять, что же такое правила, давайте разберем их структуру. Каждое правило имеет две основные части: селектор (selector) и блок объявлений (declaration block).

Структура правила CSS

Блок объявлений состоит из одного или более объявлений (declarations), а каждое объявление представляет собой сочетание свойства (property) и значения (value).

Селектор, расположенный в левой части правила, определяет, на какие части документа распространяется правило. В правой части правила находится блок объявлений, образованный одним или несколькими объявлениями. Каждое объявление представляет собой сочетание свойства CSS и значения этого свойства. Выше представлен блок, содержащий два объявления. Первое определяет, что согласно правилу цвет (color) указанных элементов документа будет красным (red), а второе — что фон (background) этих элементов будет желтым (yellow). Таким образом, все элементы H1 (определённые селектором) этого документа будут выводиться красным текстом на желтом фоне.

Текущая категория

Свойства CSS — background-image

Размещает изображение на заднем плане элемента. В зависимости от значения свойства background-repeat изображение может выкладываться мозаикой во всех направлениях, вдоль осей или вообще не повторяться. Начальное фоновое изображение (исходное изображение) размещается согласно значению свойства background-position.

Значения:

<?php
<uri> | none inherit

Начальное значение: none
Область применения: все элементы
Наследование: нет
Вычисляемое значение: абсолютный URI

Применяемое по умолчанию значение nane приводит именно к тому, чего и можно ожидать: на заднем плане нет никакого изображения. Для того чтобы фоновое изображение было, необходимо присвоить этому свойству значение URL:

<?php
body 
{
background-imageurl(world.gif);
}

Благодаря применяемым по умолчанию значениям других свойств фона, это приведет к тому, что изображение world.gif будет размещено на заднем плане документа. Фоновые изображения можно применять к любым блочным или строковым элементам, и в основном, конечно, фон применяется к элементам body, но останавливаться на этом не обязательно:

<?php
p
.starry {
background-imageurl(http://www.site.web/world.gif);
colorwhite;
}
a.grid {
background-imageurl(world.gif);
}

Как видно, фон применяется лишь к одному абзацу или гиперссылке, и ни к какой другой части документа.

Текущая категория

ПОЛЕЗНЫЕ ССЫЛКИ: