Интернет-технологии развиваются, и вместе с этим растет число платформ, на которых разработчики создают свои разнообразные сайты. Различные устройства, могущие выходить в сеть, требуют для себя определенной, специальной среды разработки, и CSS это тоже касается напрямую. По этой причине в CSS и было введено понятие типа носителя. Используя такие типы, таблицы стилей пишутся под конкретные платформы отдельно. » Читать дальше: CSS Типы носителей

В предыдущей статье «Позиционирование блоков в CSS», были рассмотрены основы данной темы, и уделено внимание относительному позиционированию. Продолжим далее.

Абсолютное позиционирование

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

Для определения абсолютной позиции блока вполне достаточно указать два значения. Обычно используют пары: top — left, или top — right,реже применяют пары  bottom — left, или bottom — right, хотя, тут дело привычки. Важно помнить, если Вы не укажите значения координат блока, то он сам подскочит в левый верхний угол, со значениями по умолчанию top 0, и left 0. » Читать дальше: Позиционирование блоков в CSS часть2

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

Блочная модель и позиционирование

Немного повторения. В статье об отступах и полях в CSS упоминалось, что все блочные элементы имеют прямоугольную форму. Они располагаются на веб-странице один под другим — такой порядок следования блочных элементов называют общим потоком. Рассмотрим на примере расположение бл. эл. в общем потоке:

» Читать дальше: Позиционирование блоков в CSS часть1

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

Поля — padding определяют расстояние от содержимого блочного элемента до его границы.
Отступы — margin  задают расстояние от границы текущего блока до рамки родительского, или соседнего  элементов. » Читать дальше: Поля и отступы в CSS