Уроки по тегу «Верстка»

В каталоге хекслета найдено 69 уроков по теме «Верстка». Уроки по теме «Верстка» есть в курсах: CSS: Позиционирование элементов, CSS: Основы Flex, SASS: Основы работы, Основы современной верстки, Bootstrap 5: Основы верстки, Основы верстки контента, Bootstrap 5: Продвинутый уровень.

Знакомимся с целями и задачами курса

Поговорим о плавающих элементах и их особенностях

Поговорим о наложении элементов, связи позиционирования и наложения

Учимся использовать относительное позиционирование

Выясняем, как выдернуть элемент из нормального потока

Поговорим о связи абсолютного и относительного позиционирования

Учимся позиционировать элемент относительно самого браузера

Выясняем, как браузеры отображают HTML и что такое «нормальный поток документа»

В курсе «CSS: Основы Flex»

Поговорим о способах переноса элементов внутри флекс-контейнера и научимся пользоваться свойством flex-wrap

В курсе «CSS: Основы Flex»

Знакомимся с целями и задачами курса

В курсе «CSS: Основы Flex»

Знакомимся с флекс-контейнерами и возможностями определения главной оси для рендера элементов

В курсе «CSS: Основы Flex»

Поговорим о способах выравнивания элементов по поперечной оси внутри флекс-контейнера, познакомимся со свойством align-items

В курсе «CSS: Основы Flex»

Поговорим о свойствах для работы с элементами внутри флекс-контейнеров, изучим свойство Flex-grow

В курсе «CSS: Основы Flex»

Поговорим о способах выравнивания элементов по главной оси внутри флекс-контейнера, познакомимся со свойством justify-content

В курсе «CSS: Основы Flex»

Поговорим о свойствах для работы с элементами внутри флекс-контейнеров, изучим свойства flex-shrink, flex-basis, flex

В курсе «CSS: Основы Flex»

Поговорим о свойствах для работы с элементами внутри флекс-контейнеров, изучим свойства order и align-self

В курсе «CSS: Основы Flex»

Поговорим о концепции Flex, преимуществах и сценариях использования

Изучаем шаблонные селекторы и узнаем о директиве extend

Изучаем использование миксинов в SASS

Учимся использовать переменные, подключать файлы и использовать флаг !default

Знакомимся с целями и задачами курса

Обсуждаем возможности SASS, позволяющие немного расширить язык CSS

Устанавливаем препроцессор SASS

Любой HTML-документ имеет базовую структуру, состоящую из тегов и служебных элементов. Они нужны браузеру для корректного отображения информации. В данном уроке разберемся с каждой строчкой этой структуры

На рынке существует несколько основных редакторов. Некоторые из них специфичны только для одной операционной системы, другие имеют возможность установки на любую из них. В этом разделе посмотрим на основные действия при работе верстальщика с онлайн-редактором Figma.

Что такое каскадность, и как она работает в CSS? Урок посвящен различиям в приоритетах селекторов и умению использовать это в своих проектах.

Рекомендуемые курсы по теме «Верстка» для начинающих

Нашли 7 курсов по тегу «Верстка»
курс
Позиционирование элементов на странице с помощью CSS. Управление потоком, создание модальных окон, плавающих элементов
9 часов  
Старт в любое время
курс
Разработка гибких макетов с помощью CSS Flex. Адаптивность, гибкие элементы менающие высоту и ширину
10 часов  
Старт в любое время
курс
Основы работы с препроцессором SASS для создания крупных проектов и дизайн-систем на CSS
4 часа  
Старт в любое время
курс
Основы верстки сайтов HTML, стилизация с помощью CSS, отладка кода, редакторы верстки и плагины
9 часов  
Старт в любое время
курс
Знакомство с фреймворком Bootstrap для создания адаптивных сайтов. Использование готовых компонентов и собственных наработок
9 часов  
Старт в любое время
курс
Верстка контента на HTML и CSS. Стили, анимации, таблицы, медиа и фоны
18 часов  
Старт в любое время
курс
Углубленное изучение Bootstrap. Создание собственных компонентов и утилит. Подключение отдельных компонентов и кастомизация
2 часа  
Старт в любое время