Что нового

Скачать курсы бесплатно. Слив базы курсов. Все курсы online

Присоединяйтесь к нам! У нас тысячи отборного премиум курсов на любой вкус! Все платные курсы - БЕСПЛАТНО!

Новинки каждый день

Мы добавляем по 1.000 новых курсов ежедневно.

Обсуждение

Общайся с единомышленниками по интересующим тебя материалам

Гибкие тарифы

Мы гибки в ценообразовании. Тарифы на месяц и на год!

[itvdn] Верстка сайта на FlexBox CSS (Виталий Мазяр)

admin

Administrator
Команда форума
Регистрация
13.03.2019
Сообщения
29 292
Реакции
1 044
Баллы
113

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

Данный курс позволит вам на практике рассмотреть приемы использования технологии Flexbox. Вы познакомитесь с общими понятиями и принципами логики работы технологии, научитесь применять основные свойства, рассмотрите способы взаимодействия между элементами, увидите то, как можно комбинировать медиа запросы с флексбоксом и многое другое.

Чему вы научитесь на этом курсе:

Выполнять верстку хедера макета и меню в нем.
Создавать простое меню на сайте с использованием флексбокс технологии.
Уметь использовать свойства flex-grow и flex-shrink для создания «резиновой» верстки.
Выполнять планшетную и мобильную версии простой страницы без использования дополнительных правил медиа запросов.
Понимать функции свойств align-items, flex-wrap, order, а также их нюансы и преимущества использования.
Работать с дополнительным потоком у flexbox, размещая элементы в нужной позиции.
Понимать как, зачем и когда нужно сменить направление основного потока.
Размещать много рядовых блоков, вне зависимости от их количества, работая с флексбоксами.
Технология flexbox позволяет создавать более легко и правильнее разкладку элементов для веб-страницы в отличии от float-ов. Flexbox позволяют с легкостью выравнивать элементы по горизонтали и по вертикали, менять направление и порядок отображение элементов, растягивать блоки на всю высоту или ширину родителя или прибивать их к любому краю родительского елемента.












 
shape1
shape2
shape3
shape4
shape7
shape8
Верх