Основы HTML

  1. Термины и определения
  2. Принципы WEB 2.0
  3. Структура HTML-документа
  4. Основные метатеги
  5. Форматирование текста HTML
  6. Списки
  7. Текст фиксированного формата
  8. Выделение фрагментов текста
  9. Изменение параметров шрифта
  10. Графика
  11. Таблицы
  12. Гиперссылки
  13. Изображения-карты
  14. Фреймы

Основы CSS3

  1. Что такое CSS
  2. Синтаксис CSS
  3. Стилевые классы
  4. Комбинированные стили
  5. Таблицы CSS
  6. Правила каскадности CSS
  7. Рекомендации применения стилей
  8. Параметры шрифтов
  9. Разрывы строк, вертикальное выравнивание
  10. Параметры фона
  11. Параметры абзаца
  12. Параметры списков
  13. Параметры курсора
  14. Параметры отступов
  15. Параметры рамки
  16. Параметры выделения
  17. Параметры отображения
  18. Контейнеры


   

Параметры фона

Фон можно определять как для всей html-страницы, так и для отдельных ее элементов: текста, таблицы, ячеек таблицы и проч.

Цвет фона в CSS определяет атрибут стиля background-color:

background-color: <color>

Цвет можно задавать при помощи RGB-кода или имени. Значение transparent задает прозрачный фон.

По умолчанию фон у элементов html-страницы отсутствует; фон html-страницы определяется браузером.

При помощи атрибута стиля background-image в качестве фона можно задавать графическое (фоновое) изображение:

background-image: url("<адрес изображения>")

Значение none убирает графический фон.

Можно задавать цвет фона и фоновое изображение одновременно, при этом "картинка" накладывается поверх обычного фона. Если фоновое изображение содержит прозрачные области, то через них будет просвечиваться цвет фона.

Если фоновое изображение меньше, элемента html-страницы, для которого задано, браузер будет повторять "картинку" фона пока не заполнит пространство всего элемента. Параметры такого повторения изображения задаются при помощи атрибута стиля background-repeat:

Значения background-repeat:

ПРИМЕР:

BODY {
	background-color: #00FF00;
	background-image: url("/img/logo.gif");
	background-repeat: no-repeat
	}
	

background-position - определяет позицию фонового изображения относительно элемента html-страницы:

background-position: <horizontal position> [<vertical position>]

Формат для горизонтальной позиции:

<n>|left|right|center

Формат для вертикальной позиции:

<n>|top|bottom|center

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

ПРИМЕР:

.tbl {background-position: 5px center}

Поведение фонового изображения при прокрутке html-страницы определяется атрибутом стиля background-attachment.

Значения background-attachment:


TOP ↑