Основы CSS. Отступы
Урок 11. Верстка адаптивного сайта.
Учимся делать веб-сайты с нуля до трудоустройства. Разбираемся, как делать адаптивную верстку, чтобы сайт работал корректно на всех устройствах: телефон, планшет, ноутбук, большой экран. Что было на прошлом занятии? Мы завершили верстку дизайна и получили полностью рабочий код главной страницы. Вот ссылка на архив с результатами прошлого урока: https://github.com/madmaker/srmt22-lsn10/archive/refs/tags/v1.zip Скачайте себе этот архив, распакуйте и откройте в vsCode. На его основе мы будем делать этот урок...
Создание сайтов с нуля - урок 13 - Проблемы блоков с вертикальными внешними отступами (margin)
«Схлопывание» внешних отступов Вертикальный отступ между двумя соседними элементами равен максимальному отступу между ними. Если отступ одного элемента равен 20px, а второго 40px, то отступ между ними будет 40px. Этот эффект называется эффектом «схлопывания» внешних отступов или «схлопывания» маргинов. Горизонтальные отступы между элементами просто складываются. Например, горизонтальный отступ между двумя элементами с горизонтальными отступами 30px будет равен 60px. «Выпадание» внешних отступов «Выпадание» - это еще один эффект, связанный с вертикальными внешними отступами. Если внутри родительского...