В этой заметке мы поговорим об оригинальном инструменте веб-дизайна, который поможет вам расположить элементы страницы более структурированно, ровно и организованно. Этот инструмент называется фоновая сетка.
Проще говоря, вам нужно применить картинку сетки в качестве фонового изображения страницы. Для этого нужно указать соответствующий стиль тегу <body>:
body { background-image: url(layout_grid.png); }
Таким образом, вы сможете выстроить элементы сайта при его создании точно в линию.
Несмотря на свою простоту, этот способ может оказаться очень полезным, особенно когда дело касается "резиновой" верстки и создания сайтов различной ширины.
Попробуйте использовать фоновую сетку на практике, и я думаю, что результат вас не разочарует!