Header problem, padding-top is changing header height

Question

*{

margin: 0;

padding: 0;}

.header{

background-color: #212343;  
width: 100%;
height: 70px;
text-align: center;
word-spacing: 15px;
font-size: 20px;
padding-top: 15px;

}

.header > to{

color: white;

}

.banner{

width: 100%;
height: 555px;
background-image: url('../imagens/aviao.png');
background-size: cover;
background-repeat: no-repeat;

}

Answer 1

Padding changes the height yes, in short padding is an internal margin, so add the height.

If you want to add a "distance" outside the box, you should use the margin, which basically does the same, but outside the element.