Расположение элементов

С самого зарождения Интернета дизайнеры использовали таблицы для создания основы разметки Web-страниц. Это влекло за собой такие нежелательные последствия, как применение прозрачных изображений-отступов GIF, тегов переноса строки и неразрывных пробелов. С помощью CSS можно располагать XHTML-элементы с большей точностью без необходимости добавления презентационных элементов в код.

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

Ваш успех в использовании этих приемов зависит от понимания блочной модели, свойств position и display. Блочная модель контролирует расположение всех элементов разметки, свойство position задает взаимоотношения расположения элементов страницы, а свойство display отвечает за то, отображается ли элемент на одной строке с другими или на новой строке.