Уроки по тегу «Верстка»
В каталоге хекслета найдено 69 уроков по теме «Верстка». Уроки по теме «Верстка» есть в курсах: CSS: Позиционирование элементов, CSS: Основы Flex, SASS: Основы работы, Основы современной верстки, Bootstrap 5: Основы верстки, Основы верстки контента, Bootstrap 5: Продвинутый уровень.
Поговорим о плавающих элементах и их особенностях
Поговорим о наложении элементов, связи позиционирования и наложения
Учимся использовать относительное позиционирование
Выясняем, как выдернуть элемент из нормального потока
Поговорим о связи абсолютного и относительного позиционирования
Учимся позиционировать элемент относительно самого браузера
Выясняем, как браузеры отображают HTML и что такое «нормальный поток документа»
Поговорим о способах переноса элементов внутри флекс-контейнера и научимся пользоваться свойством flex-wrap
Знакомимся с флекс-контейнерами и возможностями определения главной оси для рендера элементов
Поговорим о способах выравнивания элементов по поперечной оси внутри флекс-контейнера, познакомимся со свойством align-items
Поговорим о свойствах для работы с элементами внутри флекс-контейнеров, изучим свойство Flex-grow
Поговорим о способах выравнивания элементов по главной оси внутри флекс-контейнера, познакомимся со свойством justify-content
Поговорим о свойствах для работы с элементами внутри флекс-контейнеров, изучим свойства flex-shrink, flex-basis, flex
Поговорим о свойствах для работы с элементами внутри флекс-контейнеров, изучим свойства order и align-self
Поговорим о концепции Flex, преимуществах и сценариях использования
Изучаем шаблонные селекторы и узнаем о директиве extend
Учимся использовать переменные, подключать файлы и использовать флаг !default
Обсуждаем возможности SASS, позволяющие немного расширить язык CSS
Любой HTML-документ имеет базовую структуру, состоящую из тегов и служебных элементов. Они нужны браузеру для корректного отображения информации. В данном уроке разберемся с каждой строчкой этой структуры
На рынке существует несколько основных редакторов. Некоторые из них специфичны только для одной операционной системы, другие имеют возможность установки на любую из них. В этом разделе посмотрим на основные действия при работе верстальщика с онлайн-редактором Figma.
Что такое каскадность, и как она работает в CSS? Урок посвящен различиям в приоритетах селекторов и умению использовать это в своих проектах.