Введение

Важнейшая часть создания любого веб-сайта — расположение элементов на странице. Это влияет на то, как пользователи будут воспринимать страницу: куда направлять взгляд, что видеть первым, какие элементы являются главными.

Само по себе позиционирование — управление расположением элемента по осям координат x, y, z и все инструменты, которые существуют в CSS для позиционирования предназначены только для этого. Рассматривая каждую тему с этой стороны становится легче применять знания на практике.

В этом курсе мы рассмотрим базовые возможности позиционирования, известные уже много лет: работа со свойством position, float, z-index. С CSS3 появилось ещё несколько фундаментальных правил, позволяющих работать с позиционированием. Главной такой концепцией стал flex, речь о котором пойдёт в отдельном курсе ввиду большого количества материала.

Практика

Многие из уроков в данном курсе будут иметь практики с возможностью перехода в веб-доступ. Старайтесь не просто выполнять задание, а после успешного прохождения также экспериментируйте с кодом и возможностями, которые вы узнали.

В течение курса вы будете встречать самостоятельные задания. При необходимости вы можете попрактиковаться в задачах, представленных в заданиях. Также в них будут примеры кода, в которые можно подглядывать или просто изучать.

CodePen

Другой возможностью применить навыки, полученные при работе с курсом — использование сервиса CodePen. Вы можете создать свой pen, внутри которого экспериментировать с позиционированием.

Также в каждом уроке курса будут представлены примеры, которые подгружаются с CodePen. Они доступны для изучения, а также вы имеете возможность в режиме реального времени вносить правки и следить за результатом. Не пропускайте такую возможность.

Не забудьте постоянно практиковаться, и тогда ваши навыки позиционирования элементов позволят не задумываясь определять, где и какое позиционирование необходимо использовать в конкретной рабочей ситуации.

Для полного доступа к курсу, нужна профессиональная подписка

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

Получить доступ
115
курсов
892
упражнения
2241
час теории
3196
тестов

Зарегистрироваться

или войти в аккаунт

Курсы программирования для новичков и опытных разработчиков. Начните обучение бесплатно.

  • 115 курсов, 2000+ часов теории
  • 800 практических заданий в браузере
  • 250 000 студентов

Нажимая кнопку «Зарегистрироваться», вы даёте своё согласие на обработку персональных данных в соответствии с «Политикой конфиденциальности» и соглашаетесь с «Условиями оказания услуг».

Наши выпускники работают в компаниях:

Логотип компании Альфа Банк
Логотип компании Rambler
Логотип компании Bookmate
Логотип компании Botmother

Есть вопрос или хотите участвовать в обсуждении?

Зарегистрируйтесь или войдите в свой аккаунт

Нажимая кнопку «Зарегистрироваться», вы даёте своё согласие на обработку персональных данных в соответствии с «Политикой конфиденциальности» и соглашаетесь с «Условиями оказания услуг».