Полезные статьи по теме:

—«Блочные элементы»

[http://htmlbook.ru/content/blochnye-elementy]

—«Встроенные элементы»

[http://htmlbook.ru/content/vstroennye-elementy]

Плавающие элементы

Я бы хотел ещё рассказать о CSS свойстве float, но боюсь, рассказ будет долгим и утомительным, но если кратко: если вы указываете элементу свойство float, то:

—наш элемент будет смещён по горизонтали, и «прилипнет» к указанному краю родительского элемента

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

—если следом идут блочные элементы, то они займут его место

—если следом идут строчные элементы, то они будут обтекать наш элемент со свободной стороны

Это поведение «по умолчанию», как это выглядит в живую можно посмотреть на примере css.float.html. Тут главное надо понимать происходящее, и уметь управлять, если конечно вы хотите хоть чуть-чуть научиться верстать :)

Жизненно необходимая информация для верстальщиков:

—«Раскладка в CSS: float» [http://softwaremaniacs.org/blog/2005/12/01/css-layout-float/]

Позиционирование

Дам лишь вводную по position – у него бывает лишь четыре значения:

—static – положение дел «по умолчанию», блоки ложатся друг за другом, сверху вниз, по порядку, без отклонений

—absolute – блок позиционируется согласно заданным координатам

—fixed – похоже на absolute, с той лишь разницей, что блок не будет скролиться

—relative – такой блок можно сдвигать относительно места где он расположен, ну и все внутренние «абсолютные» блоки будут использовать данный элемент как точку отсчета при позиционировании по координатам

Для самостоятельного изучения:

—«Раскладка в CSS: позиционирование»

[http://softwaremaniacs.org/blog/2005/08/03/css-layout-positioning/]

17