/* ===== ОБЩИЕ СТИЛИ (сброс отступов и базовые настройки) ===== */ /* Селектор * означает "все элементы на странице" */ * { margin: 0; /* Убирает внешние отступы у всех элементов */ padding: 0; /* Убирает внутренние отступы у всех элементов */ box-sizing: border-box; /* Ширина элемента считается вместе с padding и border (удобно для вёрстки) */ } /* Стили для тега – главной части страницы */ body { font-family: 'Arial', sans-serif; /* Задаёт шрифт Arial, если его нет – любой похожий без засечек */ line-height: 1.6; /* Межстрочный интервал (1.6 от размера шрифта) – текст легче читать */ background-color: #f5f2e8; /* Цвет фона страницы – тёплый бежевый, как старая бумага */ color: #2c3e3d; /* Цвет основного текста – тёмный серо-зелёный (не чёрный, мягче) */ } /* Стили для всех изображений */ img { max-width: 100%; /* Картинка не вылезает за пределы родительского блока */ height: auto; /* Высота подстраивается автоматически, чтобы сохранить пропорции */ display: block; /* Убирает лишние отступы снизу, которые бывают у строчных картинок */ } /* ===== ШАПКА САЙТА (тег
) ===== */ /* Основной блок шапки */ header { background: linear-gradient(135deg, #1e4d3d, #2d6b55); /* Градиент от тёмно-зелёного к светлому под углом 135° */ color: #fff; /* Цвет текста в шапке – белый */ padding: 20px; /* Внутренние отступы со всех сторон по 20 пикселей */ text-align: center; /* Текст выравнивается по центру */ border-bottom: 4px solid #e8c35c; /* Снизу толстая золотая полоска толщиной 4 пикселя */ } /* Заголовок первого уровня (название сайта) внутри шапки */ header h1 { font-size: 2.5rem; /* Размер шрифта – 2.5 относительных единицы (примерно 40 пикселей) */ margin-bottom: 5px; /* Небольшой отступ снизу (5 пикселей) */ } /* Подзаголовок внутри шапки (например, "Путеводитель по родному краю") */ header p { font-size: 1.2rem; /* Размер шрифта – 1.2 rem (чуть больше обычного) */ opacity: 0.9; /* Лёгкая прозрачность (90% видимости) для красоты */ } /* ===== НАВИГАЦИОННОЕ МЕНЮ ===== */ /* Блок