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

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

Чему вы научитесь:

• Управлять потоком документа, понимая, как работает браузер.
• Применять на практике все виды позиционирования HTML-элементов.
• Создавать интерактивные страницы, понимая саму суть вёрстки.

Уроки курса

• 1

  Введение

  Узнать о курсе

  теория
• 2

  Поток документа

  Узнать о том, как браузеры отображают HTML, что такое нормальный поток документа

  теория

  тесты

• 3

  Относительное позиционирование

  Научиться использовать относительное позиционирование и узнать его особенности

  теория

  тесты

  упражнение

• 4

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

  Узнать о том, как выдернуть элемент из нормального потока

  теория

  тесты

• 5

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

  Узнать о связи абсолютного и относительного позиционирования. Научиться абсолютно позиционировать элемент относительно другого блока

  теория

  упражнение

• 6

  Фиксированное позиционирование

  Научиться позиционировать элемент относительно самого браузера

  теория

  упражнение

• 7

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

  Узнать о плавающих элементах и их особенностях

  теория

  тесты

  упражнение

• 8

  Наложение элементов

  Узнать о наложении элементов, связи позиционирования и наложения

  теория

  тесты

  упражнение

Испытания

Это практические задания, которые мы советуем выполнить после завершения курса. Задания помогут вам получить дополнительный опыт в программировании и закрепить полученные навыки.

Впечатления

Урок: Относительное позиционирование

bombom70 19 февраля 2020

Упражнение супер, заставляет подумать :)