Ayuda ejercicios unidad 6: Diseño y Usabilidad

Solución al ejercicio

Abre el archivo estilo.css del sitio parquenatural y agrega las siguientes declaraciones:

html {
   background-color:#dfdfdf;
  }
body {
  font-family:  'Lucida Sans Unicode', sans-serif;
  font-size: 14px;
  background-color: #FFFFFF;
  border: #d3d3d3 1px solid;
  text-align: justify;
  margin: 10px;
  }
h1 { 
  text-align: center;
  color: #5F8F11;
  letter-spacing: .2em;
  }
h1 span{
  color: #BF823B;
  }     
h2 {
  color: #70AF0A;
  border-bottom: #CFDFB5 1px solid;
  }
h3 { 
  color: #BF823B;
  margin-bottom:0; 
  margin-top:25px;
  }
div.contenido {
  border: #d3d3d3 1px solid;
  margin: 20px 20px 10px;
  padding: 10px 15px;
  }

Observa, que a la fuente del body le damos el valor, 'Lucida Sans Unicode', sans-serif;. Como la primera no es una fuente genérica, ponemos a continuación la genérica más parecida, para que se muestre si no está la primera.

Por último hay que hacer algunos cambios sombre las páginas. Tienes que añadir la clase contenido al div, y colocar un span dentro del h1:

...
  <body>
    <h1>Parque Natural <span>Sierra Bicuerca</span></h1>
    <ul>
     <li><a href="index.html">Inicio</a></li>
     <li><a href="especies.html">Especies</a></li>
     <li><a href="#">Reservas</a></li>
     <li><a href="#">Galer&iacute;a</a></li>
   </ul>
   <div class="contenido"> 
...

Guarda todos los cambios.

Cursos Informática Gratuitos

Síguenos en: Facebook Sobre aulaClic Política de Cookies