Расположение элементов на странице — это обширная тема со множеством нюансов. Их возможно учесть, зная фундаментальные правила CSS и способы управления потоком документов внутри HTML-разметки. Данный курс шаг за шагом через практику раскрывает базовые принципы позиционирования элементов.
Чему вы научитесь:
- Управлять потоком документа, понимая, как работает браузер.
- Применять на практике все виды позиционирования HTML-элементов.
- Создавать интерактивные страницы, понимая саму суть вёрстки.
Уроки курса
-
2
Поток документа
Узнать о том, как браузеры отображают HTML, что такое нормальный поток документатесты
-
3
Относительное позиционирование
Научиться использовать относительное позиционирование и узнать его особенности -
5
Относительное и абсолютное позиционирование
Узнать о связи абсолютного и относительного позиционирования. Научиться абсолютно позиционировать элемент относительно другого блокаупражнение
-
6
Фиксированное позиционирование
Научиться позиционировать элемент относительно самого браузераупражнение
-
8
Наложение элементов
Узнать о наложении элементов, связи позиционирования и наложения
Испытания
Это практические задания, которые мы советуем выполнить после завершения курса. Задания помогут вам получить дополнительный опыт в программировании и закрепить полученные навыки.
| # | Задание | % завершений |
|---|---|---|
| 1 | Позиционирование модального окна | 77% |
| 2 | Выпадающее меню | 80% |
Автор
Ключевые навыки: HTML, CSS, JS Frontend.
Много лет работал в аутсорсинговой компании. Развивал клиентские проекты, делал фичи для разных CMS. В основном верстал, готов передать весь опыт вам. Поработав с сотнями проектов, научился выкручиваться даже из самых безнадёжных ситуаций. Помогу освоить вёрстку, чтобы она перестала казаться чем-то страшным.
Впечатления
Упражнение супер, заставляет подумать :)
