Уроки по тегу «CSS адаптивность»
В каталоге хекслета найдено 33 урока по теме «CSS адаптивность». Уроки по теме «CSS адаптивность» есть в курсах: CSS: Основы Flex, CSS: Адаптивность сайта, CSS: Вёрстка на Grid, Bootstrap 5: Основы верстки.
Узнать о свойствах для работы с элементами внутри флекс-контейнеров. Изучить свойства order и align-self
Узнать о способах переноса элементов внутри флекс-контейнера. Научиться пользоваться свойством flex-wrap
Узнать о концепции Flex, преимуществах и сценариях использования
Познакомиться с флекс-контейнерами и возможностями определения главной оси для рендера элементов
Узнать о способах выравнивания элементов по главной оси внутри флекс-контейнера. Познакомиться со свойством justify-content
Узнать о способах выравнивания элементов по перпендикулярной оси внутри флекс-контейнера. Познакомиться со свойством align-items
Узнать о свойствах для работы с элементами внутри флекс-контейнеров. Изучить свойство Flex-grow
Узнать о свойствах для работы с элементами внутри флекс-контейнеров. Изучить свойства flex-shrink, flex-basis, flex
Познакомится с вёрсткой с использованием процентов.
Узнать о том, для каких устройств возможно применять свои стили.
Узнать о том, как проверить ваш сайт на различных устройствах.
Узнать о мета-теге viewport и как он помогает в адаптивности.
Узнать о возможностях Flex при создании адаптивных макетов.
Познакомиться с одним из самых мощных инструментов для создания адаптивных сайтов — Media Queries
Узнать о свойствах, позволяющие создавать сетки с помощью CSS Grid Layout. Создать первую 12 колоночную сетку. Познакомиться с единицами измерения fr
Познакомиться с концепцией Grid. Узнать о ключевых моментах и отличиях от Flex
Изучить свойства, позволяющие произвольно располагать элементы внутри сетки. Научиться именовать линии/области и использовать их при расположении элементов.
Познакомиться с понятиями сеток и их составлящими в CSS Grid Layout
Узнать отличия явной и неявной сетки. Изучить свойства grid-auto-rows и grid-auto-columns
Изучить отступы между полосами и выравнивание полос сетки.
Изучить влияние свойств позиционирования и z-index при использовании внутри сетки
Узнаем о плюсах и минусах Bootstrap. Увидим, где используется Bootstrap и для чего его можно применять
Узнаем о компонентах Bootstrap и изучим устройство их работы
Познакомимся с фреймворком Bootstrap и изучим план курса