logo1

Основная часть курса.


1. Основные понятия
Что такое главная и поперечная ось, основной и поперечный размер,Main start и main end,Cross start и cross end


2. Flex-контейнер.
Flex-контейнер не является блочным контейнером, поэтому для дочерних элементов не работают такие CSS-свойства, как float, clear, vertical-align. Также, на flex-контейнер не оказывают влияние свойства column-*, создающие колонки в тексте и псевдоэлементы ::first-line и ::first-letter.


3. Flex-элементы.
Flex-элементы — блоки, представляющие содержимое flex-контейнера в потоке. Flex-контейнер устанавливает новый контекст форматирования для своего содержимого, который обуславливает следующие особенности: display, display_inline-block,display: block

4. Порядок отображения flex-элементов и ориентация.
Содержимое flex-контейнера.Направление главной оси: flex-direction. Многострочность flex-контейнера: flex-wrap, flex-flow. Порядок отображения flex-элементов

5.Гибкость flex-элементов.
Свойство является сокращённой записью свойств flex-grow, flex-shrink и flex-basis. Значение по умолчанию: flex: 0 1 auto;

6. Выравнивание.
Выравнивание по главной оси: justify-content. Выравнивание по поперечной оси: align-items и align-self. Выравнивание строк flex-контейнера: align-content

1. Основные понятия
Что такое главная и поперечная ось, основной и поперечный размер,Main start и main end, Cross start и cross end

2. Flex-контейнер.
Flex-контейнер не является блочным контейнером, поэтому для дочерних элементов не работают такие CSS-свойства, как float, clear, vertical-align. Также, на flex-контейнер не оказывают влияние свойстваcolumn-*, создающие колонки в тексте и псевдоэлементы ::first-line и ::first-letter.

3. Flex-элементы.
Flex-элементы — блоки, представляющие содержимое flex-контейнера в потоке. Flex-контейнер устанавливает новый контекст форматирования для своего содержимого, который обуславливает следующие особенности: display, display_inline-block,display: block

4. Порядок отображения flex-элементов и ориентация.
Содержимое flex-контейнера.Направление главной оси: flex-direction. Многострочность flex-контейнера: flex-wrap, flex-flow. Порядок отображения flex-элементов

5.Гибкость flex-элементов.
Свойство является сокращённой записью свойствflex-grow, flex-shrink и flex-basis. Значение по умолчанию: flex: 0 1 auto;

6.Выравнивание.
Выравнивание по главной оси:justify-content. Выравнивание по поперечной оси: align-items и align-self. Выравнивание строк flex-контейнера: align-content