Всем приветы и ответы!
Вот и пришла речь поговорить про фон на вашем будущем сайте или блоге, а если говорить точнее, о том, как его установить правильно!
Ведь мы моем руки перед едой — это правильно?
С фоном тоже самое!
Так вот!
Как поставить фон на сайте?
У любой страницы в интернете, в теле документа обязательно должен стоять HTML тег <body> с которыми мы будем работать:
И для решения задачи, нам нужно в файл со стилями CSS под названием style.css, прописать следующий код:
body {
background:#dddb35 url(img/body.png) repeat;
}
#dddb35 — цвет фона (при отсутствии картинки)
body.png — адрес картинки
repeat — повторяем изображение по оси X и Y
Фон сайта через class или id в HTML шаблоне
Второй вариант может подойти для тех, кто хочет установить на разные страницы сайта свой уникальный фон!
Для этого надо прописать выше указанному тегу <body> уникальный идентификатор (id) или класс (class) в HTML коде:
<body class="body-fon">
или
<body id="body-fon">
А в CSS стилях собственно говоря прописываем следующее:
для класса (class):
.body-fon {
background:#dddb35 url(img/body.png) repeat;
}
для идентификатора (id):
#body-fon {
background:#dddb35 url(img/body.png) repeat;
}
Как не надо изменять фон сайта!
Самая распространённая ошибка у новичков при создании сайта, это прописать фон непосредственно в самом теле HTML документе, прямо в теги <body>
Делать это категорически нельзя!
Представьте, что вы прописали так фон для сайта на всех страницах, а потом вам захотелось поменять формат изображения с jpg на png!
Так как последний весит меньше, да и картинка более чёткая, и теперь что бегать везде менять код, снова тратить свое время?
Конечно нет, поэтому пользуйтесь только двумя вариантами выше!
На этом у меня всё! Удачных решений!
А Вы оставите комментарий первым?