Oтступы html, обнуление в css

Отступы в браузере по умолчанию плохо.
Профессиональные разработчики убирают начальные настройки, чтобы контролировать отступы и размеры. В самом начале style.css создайте необычный селектор с перечислением: body, h1 { }. Внутри правила укажите свойство margin: 0.
Имена элементов через запятую предписывают свойствам обращаться сразу и к body, и к h1. В этом случае вы обнулите внешний отступ сразу для двух элементов.
Еще обнуляют
font-size: 100%;
font-weight: normal;
единый для всех элементов размер шрифта и толщина шрифта со значением normal
Браузер читает код сверху вниз и обнулять отступы надо вначале файла css
Еще можно вот так: * { }
- обычно сразу после обнуления. Это общий селектор, для всего задает. Лучше не злоупотреблять, чтобы не запутаться потом. Но с отступами можно задать общие правила для всех элементов.
- * {
box-sizing:border-box;
}
так мы "фокус" отступов внутрь элементов загнали например.