Flexbox CSS3 в одном уроке за 20 минут

Uploaded By: Myvideo

Published on

10 Apr 2022

1 view

0

0 votes

0

About Share Download Add to

Это видео, где мы учим css flexbox за 20 минут в одном уроке. Я сделал обзор flexbox и рассказал основы flexbox в одном видео. Тут собрана информация всё о flexbox и вы узнаете что такое flexbox и как устроена верстка на flexbox. Свойство display flex позволяет превратить flex-элемент в родительский flex-контейнер. А flex-direction позволяет поменять куда направлена главная ось и поперечная ось. justify-content это flexbox выравнивание по горизонтали. Эксклюзив на Boosty - Telegram канал - Курсы на Stepik - Донаты: 1. ЮMoney - 2. VISA - 4274 3200 3233 1582 ✔Советую посмотреть: Содержимое content before after: Псевдоклассы в CSS: Псевдоэлементы в CSS: ◄ Предыдущее видео: ► Следующее видео:

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/Z21hSkIwMy9raE85U0YxZGtoWVpOK1NORW03MzdXcmxCOXo1blRtYkt0UT0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Video Size:

Custom size:

x

Autoplay video

Hide player controls

Hide resume playing

Add to Playlist:

Favorites

My Playlist

Watch Later

CSS для Начинающих - Практический Курс

2 weeks ago

01:47:36

CSS для Начинающих - Практический Курс

1 85%

Flexbox | FLEX-DIRECTION | Указываем направление главной оси

4 weeks ago

00:10:13

Flexbox | FLEX-DIRECTION | Указываем направление главной оси

6 35%

Flexbox | JUSTIFY-CONTENT | Определяем как будут выровнены элементы вдоль главной оси

4 weeks ago

00:07:56

Flexbox | JUSTIFY-CONTENT | Определяем как будут выровнены элементы вдоль главной оси

1 50%

Flexbox | ALIGN-ITEMS | Определяем как будут выровнены элементы вдоль поперечной оси

4 weeks ago

00:07:40

Flexbox | ALIGN-ITEMS | Определяем как будут выровнены элементы вдоль поперечной оси

1 33%

Flexbox | ALIGN-ITEMS: BASELINE | Выравниваем блоки по их базовой линии

4 weeks ago

00:04:58

Flexbox | ALIGN-ITEMS: BASELINE | Выравниваем блоки по их базовой линии

1 41%

Flexbox | FLEX-WRAP | Определяет, будет ли flex-контейнер в несколько рядов или колонок

4 weeks ago

00:05:23

Flexbox | FLEX-WRAP | Определяет, будет ли flex-контейнер в несколько рядов или колонок

1 43%

Flexbox | FLEX-FLOW | Заменяет свойства Flex-direction и Flex-wrap

4 weeks ago

00:02:39

Flexbox | FLEX-FLOW | Заменяет свойства Flex-direction и Flex-wrap

1 34%

Flexbox | ALIGN-CONTENT | Выравниваем ряды блоков по вертикали

4 weeks ago

00:06:12

Flexbox | ALIGN-CONTENT | Выравниваем ряды блоков по вертикали

1 83%

Flexbox | ALIGN-SELF | Выравнивание отдельно взятого flex-блока по поперечной оси

4 weeks ago

00:03:54

Flexbox | ALIGN-SELF | Выравнивание отдельно взятого flex-блока по поперечной оси

1 6%

Flexbox | MARGIN:AUTO Работает и для вертикали!

4 weeks ago

00:04:03

Flexbox | MARGIN:AUTO Работает и для вертикали!

1 78%

Flexbox | FLEX-BASIS | Базовый размер отдельно взятого flex-блока

4 weeks ago

00:05:26

Flexbox | FLEX-BASIS | Базовый размер отдельно взятого flex-блока

2 28%

Flexbox | FLEX-GROW | Жадность отдельно взятого flex-блока

4 weeks ago

00:04:31

Flexbox | FLEX-GROW | Жадность отдельно взятого flex-блока

1 14%

Flexbox | FLEX-SHRINK | Фактор сжимаемости отдельно взятого flex-блока

4 weeks ago

00:04:33

Flexbox | FLEX-SHRINK | Фактор сжимаемости отдельно взятого flex-блока

3 74%

Flexbox | FLEX | Короткая форма записи для свойств: flex-grow, flex-shrink и flex-basis

4 weeks ago

00:02:36

Flexbox | FLEX | Короткая форма записи для свойств: flex-grow, flex-shrink и flex-basis

8 30%

Flexbox | ORDER | Порядок следования отдельно взятого flex-блока внутри flex-контейнера

4 weeks ago

00:06:18

Flexbox | ORDER | Порядок следования отдельно взятого flex-блока внутри flex-контейнера

4 77%

Flexbox. CSS игра Flexbox Froggy

4 weeks ago

00:23:50

Flexbox. CSS игра Flexbox Froggy

2 75%

Desarrolladores RECHAZAN entrevistas tcnicas (nos tratan como mercenarios)

4 weeks ago

00:12:10

Desarrolladores RECHAZAN entrevistas tcnicas (nos tratan como mercenarios)

1 45%

Travel Agent. HTML верстка лендинга Travel Agent на Gulp сборке. Autocomplete, календарь. Часть 1

2 months ago

03:44:28

Travel Agent. HTML верстка лендинга Travel Agent на Gulp сборке. Autocomplete, календарь. Часть 1

298 62%

Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS

2 months ago

03:18:50

Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS

39 62%

Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS. Часть 1

2 months ago

03:40:05

Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS. Часть 1

397 50%

Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS. Часть 2

2 months ago

02:44:05

Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS. Часть 2

87 13%

CSS Grid, flexbox, float. В чем разница и как использовать. Практический пример

2 months ago

00:26:31

CSS Grid, flexbox, float. В чем разница и как использовать. Практический пример

4 18%

Верстка тестового задания с собеседования на должность HTML верстальщик. Верстка, JS, полифилы

2 months ago

04:11:33

Верстка тестового задания с собеседования на должность HTML верстальщик. Верстка, JS, полифилы

957 91%

Адаптивная верстка сайта на HTML CSS

2 months ago

02:00:34

Адаптивная верстка сайта на HTML CSS

794 20%

0 Comments

Guest