Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Ekzamen_WEB.doc
Скачиваний:
0
Добавлен:
26.01.2020
Размер:
216.58 Кб
Скачать

16 Свойства color, background_color. Пример.

color Определяет цвет текста элемента.

color: цвет | inherit

.letter {color: red; /* Цвет символа */ }

p { color: rgb(49, 151, 116); /* Цвет текста */ }

background-color Определяет цвет фона элемента. Хотя это свойство не наследует свойства своего родителя, из-за того, что начальное значение устанавливается прозрачным, цвет фона дочерних элементов совпадает с цветом фона родительского элемента.

background-color: цвет | transparent | inherit

transparent Устанавливает прозрачный фон.

body{ background-color: #3366CC; /* Цвет фона веб-страницы */}

17 Свойства background_image, background_attachment. Пример

background_image Устанавливает фоновое изображение для элемента. Если одновременно для элемента задан цвет фона, он будет показан, пока фоновая картинка не загрузится полностью. То же произойдет, если изображения не доступны или их показ в браузере отключен. В случае наличия в рисунке прозрачных областей, через них будет проглядывать фоновый цвет. В CSS3 допустимо указывать несколько фоновых изображений, перечисляя их параметры через запятую.

background-image: url(путь к файлу) | none[, url(путь к файлу) | none]*

url В качестве значения используется путь к графическому файлу

None Отменяет фоновое изображение для элемента.

body { background-image: url(images/bg.jpg); /* Путь к фоновому изображению */}

background_attachment Свойство background-attachment устанавливает, будет ли прокручиваться фоновое изображение вместе с содержимым элемента. Изображение может быть зафиксировано и оставаться неподвижным, либо перемещаться совместно с документом.

background-attachment: fixed | scroll | local[, fixed | scroll | local]*

fixed Делает фоновое изображение элемента неподвижным.

Scroll Позволяет перемещаться фону вместе с содержимым.

Local Фон фиксируется с учётом поведения элемента. Если элемент имеет прокрутку, то фон будет прокручиваться вместе с содержимым, но фон выходящий за рамки элемента остаётся на месте.

body {

background-attachment: fixed; /* Фиксируем фон веб-страницы */}

18 Свойства background_repeat, background_position. Пример

background_repeat Определяет, как будет повторяться фоновое изображение, установленное с помощью свойства background-image. Можно установить повторение рисунка только по горизонтали, по вертикали или в обе стороны.

background-repeat: no-repeat | repeat | repeat-x | repeat-y | inherit

no-repeat Устанавливает одно фоновое изображение в элементе без его повторений, положение которого определяется свойством background-position (по умолчанию в левом верхнем углу). Аналогично no-repeat no-repeat.

Repeat Фоновое изображение повторяется по горизонтали и вертикали. Аналогично repeat repeat.

repeat-x Фоновый рисунок повторяется только по горизонтали. Аналогично repeat no-repeat.

repeat-y Фоновый рисунок повторяется только по вертикали. Аналогично no-repeat repeat.

Space Изображение повторяется столько раз, чтобы полностью заполнить область; если это не удаётся, между картинками добавляется пустое пространство.

Round Изображение повторяется так, чтобы в области поместилось целое число рисунков; если это не удаётся сделать, то фоновые рисунки масштабируются.

body {

background-image: url(images/bg_grey.png); /* Путь к фоновому рисунку */

background-position: left bottom; /* Положение фона */

background-repeat: repeat-x; /* Повторяем фон по горизонтали */

}

background_position Задает начальное положение фонового изображения, установленного с помощью свойства background-image. В CSS3 допустимо указывать несколько значений для каждого фона, перечисляя значения через запятую.

background-position: [left | center | right | <проценты> | <значение>] || [top | center | bottom | <проценты> | <значение>] | inherit.

body { background-position: right bottom; /* Положение фона */ }

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]