tengo un problema, empecé de 0 una página y escribí el código html con el css pero al abrirlo en el chrome no veo nada. Solo blanco. Dejo abajo el html y el css:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html" />
<meta charset="utf-8">
<link reel="stylesheet" href="estilo.css" type="text/css"/>
<title> NIAGARA </title>
</head>
<body>
<header id="cabecera">
</header>
<section id="contenido">
</section>
<footer id="pie">
</footer>
</body>
</html>
estilo.css
body {
background-color: white;
margin: 0px;
}
#cabecera {
background-color: blue;
width: 960px;
height: 200px;
margin-left: auto;
margin-right: auto;
}
#contenido {
background-color: red;
width: 960px;
height: 500px;
margin-right: auto;
margin-left: auto;
}
#pie {
background-color: green;
width: 960px;
height: 100px;
margin-right: auto;
margin-left: auto;
}
Quizás haya escrito algo mal, estoy estudiando, pero nunca tuve errores y no veo ninguna en la sintaxis. Entiendo que puede ser otra cosa lo que hace que mi página se vea toda en blanco pero no se qué. También probé abrirlo desde el localhost con xampp aunque no haya agregado php aún pero me aparece lo mismo. AIUDA.