Новогоднее колесо фортуны невероятные подарки — от бесплатных курсов до крупных скидок

Часть 2: Позиционирование

19 заданий и 1 испытание

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

Оформить подписку
Поток документаЗадание
Относительное позиционированиеЗадание
position: relative и свойство topЗадание
position: relative и свойство leftЗадание
position: relative и свойство bottomЗадание
position: relative и свойство rightЗадание
Относительное позиционирование на практикеЗадание
Абсолютное позиционированиеЗадание
Абсолютное позиционирование и строчные элементыЗадание
position: absolute и свойство leftЗадание
position: absolute и свойство topЗадание
position: absolute и свойство rightЗадание
position: absolute и свойство bottomЗадание
Точка отсчёта координатЗадание
Тренируемся задавать координатыЗадание
Неявная точка отсчётаЗадание
Абсолютное позиционирование на практикеЗадание
Фиксированное позиционированиеЗадание
z-index или кто кого перекроетЗадание
Испытание: собери слово «вечность»Испытание