FLEXBOX. Всё о flexbox в одном уроке
Привет!📢
В этом уроке я расскажу вам о FLEXBOX. Всё о flexbox в одном уроке.
FLEXBOX – это Css свойство, это способ компоновки элементов.
Flexbox состоит из гибкого контейнера (flex container) и гибких элементов (flex items). Гибкие элементы могут выстраиваться в строку или столбик, а оставшееся свободное пространство распределяется между ними различными способами.
Модуль flexbox позволяет решать следующие задачи:
▶ Переопределять порядок отображения элементов.
▶ Автоматически определять размеры элементов таким образом, чтобы они вписывались в доступное пространство.
▶ Решать проблему с горизонтальным и вертикальным центрированием.
▶ Переносить элементы внутри контейнера, не допуская его переполнения.
▶ Создавать колонки одинаковой высоты и др.
Таймкоды:
00:00 – Вступление
00:36 – Flexbox – что это?
01:26 – Начало работы
02:16 – Создание разметки и стилей
04:46 – Display: flex
05:40 – Display: inline-flex
06:33 – Justify-content
08:35 – Align-items
09:47 – Flex-wrap
10:54 – Flex-direction
11:44 – Flex-flow
13:09 – Flex elements. Order
14:43 – Flex-basis
15:57 – Align-self
16:44 – Flex-grow
18:01 – Flex-shrink
18:47 – Flex
20:32 – Добавление элементов
22:20 - Outro
НЕ СОМНЕВАЙТЕСЬ И РАЗВИВАЙТЕСЬ! У ВАС ВСЁ ПОЛУЧИТСЯ! :)
Желаю приятного обучения! 🔥
▶ Телеграм: https://t.me/Dmitry_Kolotilshikov
▶ Мой канал по видеомонтажу: / dmitrykolotilshikov
📢 Автор видеоурока: Дмитрий Колотильщиков
#html #верстка #flexbox
Watch video FLEXBOX. Всё о flexbox в одном уроке online without registration, duration hours minute second in high quality. This video was added by user Дмитрий Колотильщиков 02 August 2020, don't forget to share it with your friends and acquaintances, it has been viewed on our site 10,160 once and liked it 561 people.