КАК РАСПОЛОГАТЬ ЭЛЕМЕНТЫ НА САЙТЕ БЕЗ СЕТОК | Display, inline-block и центрирование
КАК РАСПОЛОГАТЬ ЭЛЕМЕНТЫ НА САЙТЕ БЕЗ СЕТОК Почему блоки всегда встают друг под другом? Почему width иногда не работает? И как расположить несколько элементов в одну строку без Flexbox и Grid? В этом видео разбираем фундамент компоновки интерфейсов — свойство display. Вы поймёте, как браузер размещает элементы на странице и чем отличаются block, inline и inline-block. На практике создаём секцию с карточками и разбираем базовые инструменты компоновки. Вы узнаете: — чем отличаются block, inline и inline-block — почему inline элементы не принимают width и height — чем inline-block отличается от flex — как работает overflow и управление переполнением — как использовать min-width, max-width, min-height и max-height — как базово центрировать элементы на странице Это фундамент, который нужно понимать перед Flexbox и современной версткой. ━━━━━━━━━━━━━━━━━━━ Полезные ссылки Полный курс по HTML с нуля: 👉 https://youtube.com/playlist?list=PLeLdJcnxYFThC2nAtBRPsrX8ClU_TYQNi&si=ILSkT5jdBRetKmvs Полный курс по CSS: 👉 https://youtube.com/playlist?list=PLeLdJcnxYFTjiAGthA5aut347Xtyi2f9g&si=t4QTGnyeMLBrS0yw Смотреть урок на YouTube: 👉https://youtu.be/OU3hA6ridyQ Текстовая версия урока и материалы: 👉 https://soft-byte-learn.vercel.app/ Полезные разборы и анонсы — Telegram: 👉 https://t.me/+vn6d9rXnOMczN2Ni ━━━━━━━━━━━━━━━━━━━ Теги: #css #display #inlineblock #overflow #верстка #cssснуля #frontend #webdevelopment #htmlиcss #cssдляначинающих #ui #webdesign #программирование
Название:
КАК РАСПОЛОГАТЬ ЭЛЕМЕНТЫ НА САЙТЕ БЕЗ СЕТОК | Display, inline-block и центрирование
Категория:
Разное