курс

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

1892 студента 337 сообщений

Последнее обновление: 21 апреля 2021

Включено в курс

8 уроков (видео и/или текст)

8 упражнений в тренажере

23 проверочных теста

Дополнительные материалы

Помощь в «Обсуждениях»

Доступ к остальным курсам платформы

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

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

Описание

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

позиционирование HTML-элементы CSS3

Уроки курса

Продолжительность 8 часов

1

Введение

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

теория
2

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

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

теория

тесты
3

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

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

теория

тесты

упражнение
4

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

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

теория

тесты
5

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

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

теория

упражнение
6

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

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

теория

упражнение
7

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

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

теория

тесты

упражнение
8

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

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

теория

тесты

упражнение
9

Дополнительные материалы

Помогают глубже и всесторонне рассмотреть тему курса в открытых статьях и видео подобранных командой Хекслета

Формат обучения

Испытания

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