Mostrar Mensajes

Esta sección te permite ver todos los posts escritos por este usuario. Ten en cuenta que sólo puedes ver los posts escritos en zonas a las que tienes acceso en este momento.

Mensajes - ivanegranda

Páginas: [1]

Aprender a programar desde cero / Una duda que tengo sobre CSS videos de youtube para el aprendizaje programación

« en: 18 de Agosto 2017, 10:25 »

Hola buenos días, tenia un pequeña duda y quería saber si aquí habría alguien tan amable de responderme, ademas del curso de CSS de aquí, lo estoy complementando con cuanta información consiga, conseguí unos pequeños vídeos en youtube que hablan sobre el tema, pero tengo una duda, son de hace 4 años, han cambiado de alguna forma el CSS desde entonces? esos vídeos aun se consideran vigentes?

Gracias, saludos

Anexo el canal de YT con los videos: www.youtube.com/user/MexCentro/videos

Aprender a programar desde cero / CSS Ejercicio CU01013D

« en: 17 de Agosto 2017, 04:16 »

Hola buenas noches, presento aquí la resolución de ejercicio CU01013D del tema Concepto de herencia en hojas de estilo CSS. ¿Qué es? Forzar herencia con inherit.

Planteamiento:

Citar

EJERCICIO

Analiza el siguiente código HTML. En él encontrarás tres etiquetas div. Haz lo siguiente:

a) Establece atributos class para cada una de ellas con valores <<principal>> para la primera, y <<secundario>> para la segunda y la tercera.

b) Usando CSS establece como color de texto el rojo (red) y tamaño de fuente el 130% respecto de lo normal para los elementos h1 que se encuentren dentro de un elemento cuyo valor class sea <<principal>>.

c) Usando CSS establece como color de texto el verde y tamaño de fuente el 110% respecto de lo normal para los elementos h3 que se encuentren dentro de un elemento cuyo valor class sea <<secundario>>.

d) Usando CSS establece como color de fondo el amarillo (yellow) para los elementos span que se encuentren dentro de elementos h3 que se encuentren dentro de elementos cuyo atributo class sea <<secundario>>.

e) Establece como tipo de fuente para todo el documento HTML el tipo Arial.

Resolución:

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"><meta charset="utf-8">
    
    <link rel="stylesheet" href="css.css">
</head>

<body>
   
    <div class="principal">
        <h1>Novedades</h1>
        <p>Aquí presentamos las novedades del sitio.</p>
    </div>
    
    <div class="secundario">
        <h3>Lanzamos el producto <span>X-FASHION</span></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 class="tercera">
        <h3>Mejoramos el producto T-MOTION</h3>
        <p>Hemos lanzado una nueva versión del producto <span>T-MOTION</span></p>
        <p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del proudcto tmotion" alt="imagen producto tmotion" /></p>
    </div>
    
</body>
</html>

CSS

Código: [Seleccionar]

*{
    font-family: Arial;
}

.principal h1{
    color:red;
    font-size: 130%;
}

.secundario h3{
    color: green;
    font-size: 110%;
}

.secundario h3 span{
    color:yellow;
}

Aprender a programar desde cero / Ejercicio CU01012D

« en: 17 de Agosto 2017, 02:00 »

Hola, buenos días, aquí mi resolución del ejercicio numero CU01012D del tema "Selector de clases CSS: class. Aplicar estilos CSS en distintos lugares de una web"

Planteamiento:

Citar

Analiza el siguiente código HTML. En él encontrarás tres etiquetas div. Haz lo siguiente:

a) Establece atributos class para cada una de ellas con valores <<principal>> para la primera, y <<secundario>> para la segunda y la tercera.

b) Usando CSS establece como color de texto el rojo (red) y tamaño de fuente el 150% respecto de lo normal para los elementos cuyo valor class sea <<principal>>.

c) Usando CSS establece como color de texto el verde para los elementos y tamaño de fuente el 110% respecto de lo normal para los elementos cuyo valor class sea <<secundario>>.

d) Usando CSS establece como color de fondo para los párrafos dentro de elementos cuyo atributo class sea <<secundario>> el amarillo (yellow).

Resolución:

HTML

Código: [Seleccionar]

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="css.css">
    <title>Portal web - aprenderaprogramar.com</title>
    <meta name="description" content="Portal web aprenderaprogramar.com">
    <meta name="keywords" content="aprender, programar, cursos, libros"><meta charset="utf-8">

</head>

<body>

    <div class="principal">
        <h1>Novedades</h1><p>Aquí presentamos las novedades del sitio.</p>
    </div>
    <div class="secundaria">
        <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 class="secundaria">
        <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

Código: [Seleccionar]

.principal{
    color:red;
    font-size: 150%;
}

.secundaria{
    color:green;
    font-size: 110%;
}

.secundaria p{
    color:yellow;
}

Cualquier corrección o aclaración sera bien recibida, saludos.

Páginas: [1]

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: