Свойство position

Сердцем CSS-разметки является свойство position. Оно определяет исходную точку для расположения блока каждого элемента. Давайте разберем, что это означает.

Свойство position можно использовать с четырьмя значениями: static, absolute, fixed и relative. Значением по умолчанию является static. Давайте с помощью примеров разберем их действие. В каждом примере мы будем использовать три абзаца: первый, второй и последний из них будут отображаться со значением static, а значение свойства position для третьего абзаца мы будем менять. Мы добавили специальный класс specialpara для третьего абзаца, чтобы менять значение свойства и не затрагивать при этом остальные абзацы.