Aquí os dejaré el html y los dos css haber que os parece.
Gracias de antemano a quien le pueda echar un vistazo.
<!DOCTYPE html>
<html lang="es">
<meta name="description" content="portal web aprenderaprogramar.com">
<meta name="keywords" content="aprender, programar, cursos, libros">
<meta charset="utf-8">
<link rel="stylesheet"type="text/css" href="estilos9b.css">
<head>
<title> Propiedades width y height de css; y por defecto auto </title>
</head>
<header id="encabezado">
<h1>Propiedades width y height de css; y por defecto auto</h1>
</header>
<h1>Portal web aprenderaprogramar.com</h1>
<h2>Didáctica y divulgación de la programación</h2>
<div>Menú</div>
<hr/>
<ul>
<li><a href="#">Inicio</a></li>
<li> <a href="libros.html">Libros de programación</a> </li>
<li> <a href="cursos.html">Cursos de programación</a> </li>
<li> <a href="humor.html">Humor informático</a> </li>
</ul>
</div>
<div>
<div>
<p>Aprender a programar es un objetivo que se plantea mucha gente y que no todos alcanzan.</p>
primer css expresado en % estilos9a
/*Ejercicio CU01025D expresado en %*/
#encabezado{background-color: rgb(211, 168, 50); border: 4px solid black;}
html{background-color: pink;}
body{background-color: yellow;width: 100%;}
h1{background-color: red;width: 80%;}
h2{background-color: green;width: 60%}
Segundo css expresado en pixeles estilos9b
/*Ejercicio CU01025D expresado en pixeles (mi monitor tiene una resolución de 1366 * 768 pixeles)*/
#encabezado{background-color: rgb(211, 168, 50); border: 4px solid black;}
html{background-color: pink;}
body{background-color: yellow;width: 1366px;}
h1{background-color: red;width: 1092.8px;}
h2{background-color: green;width: 819.6px;}