Все о HTML и CSS

Здесь вы найдете много полезной информации о том как построить собственный сайт, как правильно верстать Web страницы, а также освоите множество приемов и трюков которые можно выполнить при помощи CSS, без использования Java-скриптов. Данный сайт будет полезен как новичку, так и опытному Web Мастеру.

Приветствую Вас Гость | Регистрация | Вход
МЕНЮ
КАЛЕНДАРЬ
«  Март 2009  »
ПнВтСрЧтПтСбВс
      1
2345678
9101112131415
16171819202122
23242526272829
3031
КАТЕГОРИИ УРОКОВ
HTML [8]
Тут уроки только по HTML
CSS [15]
Уроки только по CSS
Верстка дизайнов [0]
Верстка собственных дизайнов
Статьи [9]
Статьи о веб дизайне и не только
Скрипты [82]
Скрипты CSS
Фон (background)
Является основным указателем фона как для отдельного блока, так и для всей страницы в целом. С его помощью можно указать цвет фона, фоновое изображение, также можно определить расположение фонового изображения в блоке, фиксировать его, или же позволить прокручиваться в месте с содержимым блока.

Свойства:

background-color
- указывает цвет фона.
Значение можно указывать шеснадцатеричным числом:

Code
background-color: #FFOOOO;

или названием цвета:
Code
background-color: red;

В обоих примерах цвет фона будет одинаковый (красный).
Следует заметить, что по второму примеру можно указывать только стандартные цвета, и их выбор невелик.
Поэтому рекомендутся пользоваться шеснадцатеричными выражениями.

background-image
- указывает на фонове изображение.
В значении прописывается путь к изображению:

Code
background-image: url(/images/logo.jpg);

background-repeat
- указывает на повтор фонового изображения. Может разрешить повтор по обеим осям (x/y), разрешить повтор только для одной из них, или запретить повтор вовсе.
Примеры:

Code
background-repeat: repeat; // повтор по обеим осям

Code
background-repeat: repeat-x; // повтор только по оси x

Code
background-repeat: repeat-y; // повтор только по оси y

Code
background-repeat: no-repeat; // запрещает повтор

Значение по умолчанию - repeat

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

Code
background-position: top left; // вверху слева

Code
background-position: top center; // вверху по центру

Code
background-position: top right; // вверху справа

Code
background-position: left center; // по центру слева

Code
background-position: center center; // по центру блока

Code
background-position: right center; // по центру справа

Code
background-position: left bottom; // внизу слева

Code
background-position: center bottom; // внизу по центру

Code
background-position: right bottom; // внизу справа

background-attachment
- указывает браузеру поркручивать фоновое изображение вместе со страницей / блоком, или нет.
Примеры:

Code
background-attachment: fixed; // фон не прокручивается

Code
background-attachment: scroll; // фон прокручивается

Значение по умолчанию - scroll
Категория: CSS | Просмотров: 645 | Добавил: Red_Line666x | 12:34 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
© 2008-2017 Школа HTML и CSS. Все права защищены.
При копировании материалов с данного сайта, гиперссылка на http://school-html-css.3dn.ru/ ОБЯЗАТЕЛЬНА! Вся информация защищена законами о защите авторских правах.
Полную информацию о копировании материалов читайте в разделе "Правила копирования информации"