Gaist-Endruy ( off )
( 07:58 01-09-2009 )
www.w3.org/TR/REC-CSS2/visuren.html - официальное описание CSS позиционирования (расположения на странице) блоков. Документ также предназначен исключительно для людей несгибаемой воли. Обратите внимание на «positioning scheme», «Normal flow», «Relative positioning» и «Absolute positioning» — все это понадобится нам для макета.

---

Gaist-Endruy ( off )
( 07:59 01-09-2009 )
www.webmascon.com/topics/designdetails/19a.asp - «философская» статья о CSS верстке, есть общая информация и полезные ссылки.

---

Gaist-Endruy ( off )
( 08:00 01-09-2009 )
www.webreference.com/html/tutorial9/1.html - подробная «обучалка» по CSS блокам.

---

Gaist-Endruy ( off )
( 08:01 01-09-2009 )
Примеры CSS макетов вместе с кодом:
www.thenoodleincident.com/tutorials/box_lesson/boxes.html;
www.glish.com/css/;
www.bluerobot.com/web/layouts/.

---

Gaist-Endruy ( off )
( 08:02 01-09-2009 )
О CSS позиционировании на русском. Замечательный ресурс, множество практических рецептов на каждый день, на каждый сайт:
www.htmlbook.ru/content/181.html.
[ред. Gaist-Endruy 01-09-2009 в 08:03]

---

Gaist-Endruy ( off )
( 08:03 01-09-2009 )
Также советую купить книгу или скачать электронный вариант (где и есть ли вообще, не знаю) «Веб-мастеринг средствами CSS» Михаила Дубакова. Пригодится часть 2, главы 8 и 9.

---

Gaist-Endruy ( off )
( 08:04 01-09-2009 )
Теперь немного от себя. Блок - это прямоугольный элемент веб-страницы, который задается с помощью блочных (например, или
) элементов (по-басурмански, тэгов) XHTML. Блок занимает некоторое пространство и заканчивается переводом строки, два элемента будут расположены на странице один под другим, потому что это блочные элементы. Два элемента не будут, т. к. это строчные элементы.

---

Gaist-Endruy ( off )
( 08:05 01-09-2009 )
C помощью CSS можно определять параметры блоков - внешние границы (margin), рамки (border), внутренние отступы до содержимого (padding) и, собственно, ширину содержимого (width). Содержимым CSS блока может являться текст, картинки, вложенные блоки и объекты… Свойство background-color определяет фоновой цвет (заливку) блока, при этом поле margin всегда прозрачно. Описание данных свойств и есть создание CSS блока.

---

Gaist-Endruy ( off )
( 08:07 01-09-2009 )
На сайте www.ilovejackdaniels.com есть полезная памятка по CSS, откуда я позволил себе вырезать схему CSS блока, не нарушения копирайтов ради, но для пущего удобства. И да простит меня ilovejackdaniels.com, коему и принадлежат все мыслимые и немыслимые права на данное изображение:

---

Gaist-Endruy ( off )
( 08:08 01-09-2009 )
Рисунок 2.
Прикрепленный файл .gif: скачать (3.9Kb)

---