Русские видео

Сейчас в тренде

Иностранные видео




Если кнопки скачивания не загрузились НАЖМИТЕ ЗДЕСЬ или обновите страницу
Если возникают проблемы со скачиванием, пожалуйста напишите в поддержку по адресу внизу страницы.
Спасибо за использование сервиса savevideohd.ru



Урок флексбокс. FlexBox CSS3.

Описание В данном видео я расскажу об основных свойствах flexbox. Затроним такие свойства как: 👉 Flex-direction - CSS FlexBox свойство, указывающее на то, как flex-элементы располагаются во флекс-контейнере по главной (выбраной) оси. Зададим направления (normal или reversed). Рассмотрим такие значения как row и column. 👉 Justify-content - CSS FlexBox свойство, указывающее на выравнивание элементов вдоль основной оси. Позволяет распределять свободное пространство. Рассмотрим значения flex-end, center, flex-start, space-between, space-around. 👉 Align-items - CSS FlexBox свойство, указывающее на многострочную расстановку блоков по главной оси. Применяется к родительскому элементу для flex блоков. 👉 Align-self - CSS FlexBox свойство, указывающее на выравнивание отдельных элементов строки внутри флекс контейнера, или производит выравнивание элемента макета сетки внутри ячейки. 👉 Order - CSS FlexBox свойство, указывающее на ранжирование флекс-блоков. 👉 Flex-basis - CSS FlexBox свойство, указывающее на начальный размер флекс-элемента. 👉 Flex-grow - CSS FlexBox свойство, указывающее на «коэффициента роста» элементов (flex grow factor). Разрешает или запрещает растягиваться флекс-элементам. 👉 Flex-shrink - CSS FlexBox свойство, указывающее на «коэффициента уменшения» Разрешает или запрещает уменьшаться флекс-элементам. 👉 Flex - CSS FlexBox свойство, включающее в себя flex-basis,flex-shrink,flex-grow. Является сокращенным написанием данных свойств. Навигация по видео: 0:00 Вступление. 0:27 История развития Flexbox. 2:01 Что такое FlexBox. 3:13 Настройка рабочего места. 12:54 Делаем HTML элемент FlexBox'ом (flex). 15:05 Inline-flex. 15:31 Flex-direction. 20:10 Justify-content. 49:44 Align-items. 34:52 Flex-wrap. 38:05 Align-self. 40:09 Order. 40:20 Flex-basis. 43:45 Flex-grow. 46:08 Flex-shrink. 47:53 Flex. 49:20 Завершение. ------СКОРО БУДЕМ СОЗДАВАТЬ КОММЕРЧЕСКИЙ ПРОЕКТ С НУЛЯ !!!------ 🔔 Подписывайся на канал чтобы не пропустить:    / @ЕвгенийПавлович.Интернет-марке   ---------------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------- 👉 Я в VK ► http://goto.vtopya.ru/vtopya/vk 👉 Я в Instagram ► http://goto.vtopya.ru/vtopya/in 👉 Я в Facebook ► http://goto.vtopya.ru/vtopya/fb ---------------------------------------------------------------------------------------------------------------- --------------------------------ПОЛЕЗНЫЕ ССЫЛКИ--------------------------------------------------------------- ⏩ Как обманывают в кризис на рекламе ►    • Развод на деньги и контекстная реклам...   ⏩ 6 ошибок при старте интернет-магазина ►    • Как создать интернет магазин своими р...   ⏩ Интернет-магазин на старте? То что нужно знать ►    • Как открыть интернет магазин своими р...   ⏩ ИП или ООО для интернет-магазина ►    • ООО или ИП.  Онлайн кассы, налоги и к...   ---------------------------------------------------------------------------------------------------------------- --------------------------------ПОЛЕЗНЫЕ ССЫЛКИ--------------------------------------------------------------- 👉 Для переноса РК из Yandex в Google ► https://teleport.withgoogle.com 👉 Дла быстрого создания UTM меток ► https://adpump.ru/utm-url 👉 Бесплатные КВИЗы ► https://seorema.ru 👉 Для подбора поисковых фраз ► hhttps://wordstat.yandex.ru/ ----------------------------------------------------------------------------------------------------------------

Comments