Foros aprenderaprogramar.com

Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: JurreNawijn en 11 de Enero 2016, 23:19

Título: Ejercicio del curso de CSS básico selectores por id y compuestos CU01011D#
Publicado por: JurreNawijn en 11 de Enero 2016, 23:19
Hola a todos. Espero que hayan tenido un buen día.  Dejaré las respuestas del ejercicio Selectores CSS: id. Aplicar CSS a partes de una web. Ejemplos. Diferenciar etiquetas HTML en ids (CU01011D).

HTML
Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>Portal web - aprenderaprogramar.com</title>
        <meta name="description" content="Portal web aprenderaprogramar.com">
        <meta name="keywords" content="aprender, programar, cursos, libros" charset="utf-8">
        <link rel="stylesheet" href="css/style.css" />

    </head>
    <body>
        <div id="novedades">
            <h1>Novedades</h1>
            <p>Aquí presentamos las novedades del sitio.</p>
        </div>
        <div id="xfashion">
            <h3>Lanzamos el producto X-FASHION</h3>
            <p>Este producto permite estirar la piel hasta dejarla como la de un bebé.</p>
            <p><img src="http://i.imgur.com/tq5Bs.png" title="Imagen del producto" alt="imagen producto x-fashion" /></p>
        </div>
        <div id="tmotion">
            <h3>Mejoramos el producto T-MOTION</h3>
            <p>Hemos lanzado una nueva versión del producto T-MOTION</p>
            <p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del proudcto tmotion" alt="imagen producto tmotion" /></p>
        </div>
    </body>
</html>

CSS en un archivo externo:

Código: [Seleccionar]
#novedades {background-color:yellow;}

#novedades h1 {color:red;}

#tmotion h3, #xfashion h3 {color:green;}

Espero que me haya salido bien los ejercicios, en caso de alguna respuesta equivocada acepto sugerencias y que me corrijan. Gracias.
 
Título: Re:Ejercicio del curso de CSS básico selectores por id y compuestos CU01011D
Publicado por: Ogramar en 13 de Enero 2016, 13:58
Buenas JurreNawijn

He revisado tu ejercicio y lo veo perfecto. A seguir avanzando ;)

Salu2