Как убрать отступ от верхнего края браузера?

135

22 января 2019, 19:00

У меня не получается убрать отступ от верхнего края страницы :

body { 
  margin: 0; 
} 
 
.page-header { 
  background-color: green; 
}

<html> 
 
<head> 
    <title>Выпускники ФТИ</title> 
    <meta charset="utf-8"> 
    <link href="style.css" rel="stylesheet"> 
</head> 
 
<body> 
    <header class="page-header"> 
        <p>Graduate</p> 
    </header> 
</body> 
 
</html>

Задал отступ в body равный нулю - убрало только небольшой кусочек справа. Пробовал задавать padding и margin для body и для header, но ничего не меняется. Подскажите, что нужно сделать?

Answer 1

У элемента p дефолтные значения margin-top: 16px; margin-bottom: 16px;

Answer 2

Добавлю к ответу сверху.

В дальнейшем, чтобы каждый раз не прописывать все в ручную, хорошей практикой считается добавление reset.css или normalize.css:

https://github.com/necolas/normalize.css/blob/master/normalize.css

https://github.com/jasonkarns/css-reset

Подробнее можете прочитать тут и тут