Ejercicio1.html

<h1>Ejercicio 1 </h1>
<p>A partir del código HTML y CSS proporcionados, 
    en la carpeta "original", determinar
     las reglas CSS necesarias para añadir las
     siguientes propiedades a la tipografía de la página:</p>
     <img src="original/assets/imgs/e0501.gif" alt="Página original">
     <ol>
        <li>La fuente base de la página debe ser: color negro, tipo Arial, tamaño <code>0.9em</code>, interlineado <code>1.4</code>.</li>
        <li>Los elementos <code>&lt;h2&gt;</code> de <code>.articulo</code> se muestran en color <code>#CC6600</code>, con un tamaño de letra de <code>1.6em</code>, un interlineado de <code>1.2</code> y un margen inferior de <code>0.3em</code>.</li>
        <li>Los elementos del <code>#menu</code> deben mostrar un margen a su derecha de <code>1em</code> y los enlaces deben ser de color blanco y tamaño de letra <code>1.3em</code>.</li>
        <li>El tamaño del texto de todos los contenidos de <code>#lateral</code> debe ser de <code>0.9em</code>. La fecha de cada noticia debe ocupar el espacio de toda su línea y mostrarse en color gris claro <code>#999</code>. El elemento <code>&lt;h3&gt;</code> de <code>#noticias</code> debe mostrarse de color <code>#003366</code>.</li>
        <li>El texto del elemento <code>#publicidad</code> es de color gris oscuro <code>#555</code> y todos los enlaces de color <code>#CC6600</code>.</li>
        <li>Los enlaces contenidos dentro de <code>.articulo</code> son de color <code>#CC6600</code> y todos los párrafos muestran un margen superior e inferior de <code>0.3em</code>.</li>
        <li>Añadir las reglas necesarias para que el contenido de <code>#secundario</code> se vea como en la imagen que se muestra.</li>
        <li>Añadir las reglas necesarias para que el contenido de <code>#pie</code> se vea como en la imagen que se muestra.</li>
    </ol>
    <img src="original/assets/imgs/e0701.gif" alt="Página original">