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