pasa que estoy aprendiendo CSS y aveces ocurre que una etiqueta que va despues de otra deja un espacio en blanco por sobre la otra, y no se como quitarlo, incluso he probado con poner margen 0 este es el codigo:
pagina.html
<html>
<head>
<title>Pagina practica 05</title>
<style type="text/css">
body{
background-color: #f35;
}
header img{
width: 1890;
height: 600;
}
nav p {
display: inline-block;
}
article{
background-color: white;
}
footer h3{
background-color: gray;
}
#imagen_Fija{
position: fixed;
width: 200;
height: 200;
left: 80%;
top: 70%;
}
</style>
</head>
<body>
<header>
<img src="imagenes/imagenmock.jpg"/>
</header>
<nav>
<a href="#Titulo_1">Titulo 1</a>
<a href="#Titulo_2">Titulo 2</a>
<a href="#Titulo_3">Titulo 3</a>
<a href="#Titulo_4">Titulo 4</a>
<a href="#Titulo_5">Titulo 5</a>
</nav>
<article>
<section>
<p id="Titulo_1">Titulo 1</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam in diam ut ex sollicitudin consequat. Donec pretium risus mi, id molestie nisl interdum sit amet. Etiam interdum accumsan iaculis. Sed tempus dolor vel ligula tristique, consequat tempus sapien venenatis. Sed sit amet velit eleifend ante tincidunt ornare. Maecenas massa arcu, mattis vitae justo ornare, lobortis gravida quam. Pellentesque aliquam sollicitudin neque, in lacinia augue pretium sed. Duis accumsan nibh justo, lacinia tincidunt ex mattis id. Maecenas congue felis non ligula fermentum, eu euismod lectus posuere. Nam nunc ligula, eleifend vitae ante at, dictum consequat sem. Morbi consequat et lorem sit amet imperdiet. Ut blandit massa lorem, ut pretium enim malesuada molestie. Nulla venenatis nisi id lectus dictum commodo. Suspendisse eu lectus nisl. Duis lorem eros, dapibus quis faucibus ac, congue in justo. Donec eget neque sapien.</p>
<p>Integer bibendum neque eu sapien tincidunt, sed molestie nunc placerat. Donec quis urna a lectus elementum tincidunt. Aenean feugiat vestibulum ligula, et accumsan arcu ultricies at. Donec quis arcu sed nisi posuere tempus. Donec a commodo felis. Quisque iaculis ultrices nibh, sit amet laoreet augue fringilla eget. Vestibulum bibendum nunc in congue suscipit. In sit amet metus mauris. Nam sit amet metus ac justo posuere malesuada a et sem. Integer eu luctus leo. Sed placerat, nisi at tempus euismod, lacus nisl maximus ex, ultricies accumsan ipsum augue a augue. Mauris ut aliquam nulla.
</p>
</section>
<section>
<p id="Titulo_2">Titulo 2</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam in diam ut ex sollicitudin consequat. Donec pretium risus mi, id molestie nisl interdum sit amet. Etiam interdum accumsan iaculis. Sed tempus dolor vel ligula tristique, consequat tempus sapien venenatis. Sed sit amet velit eleifend ante tincidunt ornare. Maecenas massa arcu, mattis vitae justo ornare, lobortis gravida quam. Pellentesque aliquam sollicitudin neque, in lacinia augue pretium sed. Duis accumsan nibh justo, lacinia tincidunt ex mattis id. Maecenas congue felis non ligula fermentum, eu euismod lectus posuere. Nam nunc ligula, eleifend vitae ante at, dictum consequat sem. Morbi consequat et lorem sit amet imperdiet. Ut blandit massa lorem, ut pretium enim malesuada molestie. Nulla venenatis nisi id lectus dictum commodo. Suspendisse eu lectus nisl. Duis lorem eros, dapibus quis faucibus ac, congue in justo. Donec eget neque sapien.</p>
<p>Integer bibendum neque eu sapien tincidunt, sed molestie nunc placerat. Donec quis urna a lectus elementum tincidunt. Aenean feugiat vestibulum ligula, et accumsan arcu ultricies at. Donec quis arcu sed nisi posuere tempus. Donec a commodo felis. Quisque iaculis ultrices nibh, sit amet laoreet augue fringilla eget. Vestibulum bibendum nunc in congue suscipit. In sit amet metus mauris. Nam sit amet metus ac justo posuere malesuada a et sem. Integer eu luctus leo. Sed placerat, nisi at tempus euismod, lacus nisl maximus ex, ultricies accumsan ipsum augue a augue. Mauris ut aliquam nulla.
</p>
</section>
<section>
<p id="Titulo_3">Titulo 3</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam in diam ut ex sollicitudin consequat. Donec pretium risus mi, id molestie nisl interdum sit amet. Etiam interdum accumsan iaculis. Sed tempus dolor vel ligula tristique, consequat tempus sapien venenatis. Sed sit amet velit eleifend ante tincidunt ornare. Maecenas massa arcu, mattis vitae justo ornare, lobortis gravida quam. Pellentesque aliquam sollicitudin neque, in lacinia augue pretium sed. Duis accumsan nibh justo, lacinia tincidunt ex mattis id. Maecenas congue felis non ligula fermentum, eu euismod lectus posuere. Nam nunc ligula, eleifend vitae ante at, dictum consequat sem. Morbi consequat et lorem sit amet imperdiet. Ut blandit massa lorem, ut pretium enim malesuada molestie. Nulla venenatis nisi id lectus dictum commodo. Suspendisse eu lectus nisl. Duis lorem eros, dapibus quis faucibus ac, congue in justo. Donec eget neque sapien.</p>
<p>Integer bibendum neque eu sapien tincidunt, sed molestie nunc placerat. Donec quis urna a lectus elementum tincidunt. Aenean feugiat vestibulum ligula, et accumsan arcu ultricies at. Donec quis arcu sed nisi posuere tempus. Donec a commodo felis. Quisque iaculis ultrices nibh, sit amet laoreet augue fringilla eget. Vestibulum bibendum nunc in congue suscipit. In sit amet metus mauris. Nam sit amet metus ac justo posuere malesuada a et sem. Integer eu luctus leo. Sed placerat, nisi at tempus euismod, lacus nisl maximus ex, ultricies accumsan ipsum augue a augue. Mauris ut aliquam nulla.
</p>
</section>
<section>
<p id="Titulo_4">Titulo 4</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam in diam ut ex sollicitudin consequat. Donec pretium risus mi, id molestie nisl interdum sit amet. Etiam interdum accumsan iaculis. Sed tempus dolor vel ligula tristique, consequat tempus sapien venenatis. Sed sit amet velit eleifend ante tincidunt ornare. Maecenas massa arcu, mattis vitae justo ornare, lobortis gravida quam. Pellentesque aliquam sollicitudin neque, in lacinia augue pretium sed. Duis accumsan nibh justo, lacinia tincidunt ex mattis id. Maecenas congue felis non ligula fermentum, eu euismod lectus posuere. Nam nunc ligula, eleifend vitae ante at, dictum consequat sem. Morbi consequat et lorem sit amet imperdiet. Ut blandit massa lorem, ut pretium enim malesuada molestie. Nulla venenatis nisi id lectus dictum commodo. Suspendisse eu lectus nisl. Duis lorem eros, dapibus quis faucibus ac, congue in justo. Donec eget neque sapien.</p>
<p>Integer bibendum neque eu sapien tincidunt, sed molestie nunc placerat. Donec quis urna a lectus elementum tincidunt. Aenean feugiat vestibulum ligula, et accumsan arcu ultricies at. Donec quis arcu sed nisi posuere tempus. Donec a commodo felis. Quisque iaculis ultrices nibh, sit amet laoreet augue fringilla eget. Vestibulum bibendum nunc in congue suscipit. In sit amet metus mauris. Nam sit amet metus ac justo posuere malesuada a et sem. Integer eu luctus leo. Sed placerat, nisi at tempus euismod, lacus nisl maximus ex, ultricies accumsan ipsum augue a augue. Mauris ut aliquam nulla.
</p>
</section>
<section>
<p id="Titulo_5">Titulo 5</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam in diam ut ex sollicitudin consequat. Donec pretium risus mi, id molestie nisl interdum sit amet. Etiam interdum accumsan iaculis. Sed tempus dolor vel ligula tristique, consequat tempus sapien venenatis. Sed sit amet velit eleifend ante tincidunt ornare. Maecenas massa arcu, mattis vitae justo ornare, lobortis gravida quam. Pellentesque aliquam sollicitudin neque, in lacinia augue pretium sed. Duis accumsan nibh justo, lacinia tincidunt ex mattis id. Maecenas congue felis non ligula fermentum, eu euismod lectus posuere. Nam nunc ligula, eleifend vitae ante at, dictum consequat sem. Morbi consequat et lorem sit amet imperdiet. Ut blandit massa lorem, ut pretium enim malesuada molestie. Nulla venenatis nisi id lectus dictum commodo. Suspendisse eu lectus nisl. Duis lorem eros, dapibus quis faucibus ac, congue in justo. Donec eget neque sapien.</p>
<p>Integer bibendum neque eu sapien tincidunt, sed molestie nunc placerat. Donec quis urna a lectus elementum tincidunt. Aenean feugiat vestibulum ligula, et accumsan arcu ultricies at. Donec quis arcu sed nisi posuere tempus. Donec a commodo felis. Quisque iaculis ultrices nibh, sit amet laoreet augue fringilla eget. Vestibulum bibendum nunc in congue suscipit. In sit amet metus mauris. Nam sit amet metus ac justo posuere malesuada a et sem. Integer eu luctus leo. Sed placerat, nisi at tempus euismod, lacus nisl maximus ex, ultricies accumsan ipsum augue a augue. Mauris ut aliquam nulla.
</p>
</section>
</article>
<footer><h3>Todos los derechos reservados. Pagina propiedad de sus dueños</h3></footer>
<div id="imagen_Fija">
<img src="imagenes/imagenfija.jpg"/>
</div>
</body>
se puede observar que entre el footer y el article existe un espacio que no se quita almenos que ponga el margen del footer en -16px o algo asi, pero esta solucion me parece muy rebuscada me gustaria saber porque sucede ese comportamiento, pues no es la primera vez que me pasa, la otra vez me paso con el encabezado, no se supone que el navegador deberia poner cada bloque debajo del otro pegados, muchas gracias