Может быть вам легче. но тогда ваша страница будет под тормозом полным, и перекатывать ее не очень приятно с дерганьем.
background-positionПрименяется К блочным элементам Задает начальное положение фонового изображения, установленного с помощью свойства background-image. У свойства background-position два значения, положение по горизонтали (может быть — left, center, right) и вертикали (может быть — top, center, bottom). Кроме использования ключевых слов положение также можно задавать в процентах, пикселах или других единицах. Если применяются ключевые слова, то порядок их следования не имеет значения, при % записи вначале задается положение рисунка по горизонтали, а затем, через пробел, положение по вертикали. Отношение между используемыми ключевыми словами и процентной записью следующее.
top left = left top = 0% 0%(в левом верхнем углу) top = top center = center top = 50% 0% (по центру вверху) right top = top right = 100% 0% (в правом верхнем углу) left = left center = center left = 0% 50% (по левому краю и по центру) center = center center = 50% 50% (по центру) right = right center = center right = 100% 50% (по правому краю и по центру) bottom left = left bottom = 0% 100%(в левом нижнем углу) bottom = bottom center = center bottom = 50% 100% (по центру внизу) bottom right = right bottom = 100% 100% (в правом нижнем углу)
В скобках указано, где располагается фоновый рисунок относительно контейнера.
background-attachment Применяется Ко всем элементам Свойство background-attachment устанавливает, будет ли прокручиваться фоновое изображение вместе с содержимым элемента. Изображение может быть зафиксировано и оставаться неподвижным, либо перемещаться совместно с документом. Синтаксис background-attachment: fixed | scroll | inherit Значения fixed -Делает фоновое изображение элемента неподвижным. scroll -Позволяет перемещаться фону вместе с содержимым. inherit -Наследует значение родителя.
Универсальное свойство background позволяет установить одновременно до пяти характеристик фона. Значения могут идти в любом порядке, браузер сам определит, какое из них соответствует нужному свойству. Для подробного ознакомления смотрите информацию о каждом свойстве отдельно.
По моему так легче! Нежеле писать каждое свойство и к нему значение, и я думаю что background-color, background-position и т.д существуют лишь для того если вам например нужно задать один свет или убрать фон (background-image:none;) мое имхо.
Не вы явно открыли америку! Ну да ладно... В Google на эту тему ничего не нашел, тобишь ваше зависание никакого отношения к свойству "бэкграунд" не имеет, и вообще стили нужно писать в css а не в html код, они ведь для этого и созданы.
"НУжно" это еще не значить обязательно, если стиль занимает строчку то нет необходимости его перемещать в таблицу стилей. А на счет торможение если вам так интересно я могу продемонстрировать , снять видео с предложенным вашем вариантом, и разница будет довольно яркая. Дело в том что это не первый урок и именно с фоном, я в том уроке указал пользователям о торможение страницы и использовал такой же вариант что вы предлагаете.