HTML, CSS для начинающих - Полный курс (2025). Урок №8:CSS: Блочная модель. Стили для блоков

- В этом уроке разберём стили для блочных тегов и не только. Изучим блочную модель CSS, а так же научимся скрывать элементы с помощью свойств opacity и visability. Плюсом научимся инспектировать вёрстку через DevTools. Таймкоды: 00:00 Введение 00:20 Пишем стили для блока 01:00 Инспектируем вёрстку - DevTools 02:02 Изучаем свойства блока подробнее 05:00 Эмулятор устройств DevTools 05:40 Как работают стили для блочных тегов со строчными 06:30 Opacity, Visibility, Box-shadow 07:40 Проблема жёстко заданных размеров(max-width, min-height) 08:40 Добавляем meta tag для корректного отображения контента на маленьких экранах 09:04 Домашка ⚡ Этот курс идеально подходит для начинающих – разберем всё простым и понятным языком! 🔥 Подпишитесь на канал, чтобы не пропустить новые уроки по HTML, CSS, JavaScript, React! Индивидуальные консультации и персональное обучение. Пиши в ЛС — разберем все вопросы! ДЗ: Применить все изученные свойства для стилизации блоков и текста. - Создайте div c class="container" оберните им контент внутри каждого блока, он нужен для ограничения контента, максимальную ширину определить по ширине контента в макете. - Контент должен быть по центру экрана. - Одному тегу можно задавать несколько классов например тег header class="header container ...и тд.". Это можно использовать для избавления от дублирования стилей для схожих элементов в разных блоках. - Свойства height для стилизации не использовать, высоту блокам должен задавать контент. - Задать...