Используем фоновую сетку при создании сайта

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

Проще говоря, вам нужно применить картинку сетки в качестве фонового изображения страницы. Для этого нужно указать соответствующий стиль тегу <body>:


body { 
       background-image: url(layout_grid.png); 
}

Таким образом, вы сможете выстроить элементы сайта при его создании точно в линию.

Несмотря на свою простоту, этот способ может оказаться очень полезным, особенно когда дело касается "резиновой" верстки и создания сайтов различной ширины.

Попробуйте использовать фоновую сетку на практике, и я думаю, что результат вас не разочарует!

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: www.smileycat.com
Перевел: Сергей Патин
Урок создан: 24 Февраля 2009
Просмотров: 27065
Правила перепечатки


5 последних уроков рубрики "Разное"

^ Наверх ^