Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Jonathan Andres Hernandez Pertuz 2

    Cargado por

    Andres Felipe Rivera Castillo
    4 vistas8 páginas

    Título original

    jonathan andres hernandez pertuz 2

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    4 vistas8 páginas

    Jonathan Andres Hernandez Pertuz 2

    Cargado por

    Andres Felipe Rivera Castillo

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 8

    Ejercicios CSS

    Ejercicio 1

    <html>
    <title>Problema</title>
    <meta charset="UTF-8">
    <style>
    p strong{
    color:#4A235A;
    }
    h1 strong{
    color:#943126;
    }
    em strong{
    color:#F39C12;
    }
    <style>
    <head>

    body{
    color:#1A5276;
    font-family:verdana;
    }
    </style>
    </head>
    <body>
    <h1><strong>Este es un título de nivel 1 y con el elemento 'em'la
    palabra:</strong></h1>
    <em><strong>Hola</strong></em>
    <p><strong>Todo este párrafo debe ser de color azul ya que lo hereda del
    elemento body.</strong></p>
    </body>
    </html>
    Ejercicio 2

    <!DOCTYPE html>
    <html>
    <head>
    <title>Problema</title>
    <meta charset="UTF-8">
    <style>
    body {
    color: rgba(35, 155, 86);
    font-family:"times new roman",times,serif;
    }
    em {
    font-size:10px;
    color:red;
    }
    p{
    font-family:arial; helvetica, sant-serif
    font-weight:bold;
    color:#999999;
    }
    </style>
    </head>
    <body>
    </body>
    <h1>Este es un título de nivel 1 y con el elemento'em'la palabra:
    <em>Hola</em></h1>
    <p>Todo este párrafo debe ser de color gris ya que lo redefine la
    marca p y no lo hereda de la marca body</p>
    </html>
    Ejercicio 3

    <!DOCTYPE html>
    <html>
    <head>
    <title>Problema</title>
    <meta charset="UTF-8">
    <style>
    div h1 em {
    color: rgba(35, 155, 86);
    font-family:"times new roman",times,serif;
    }
    div h2 em{
    font-size:30px;
    color: blue;
    }
    div h3 em{
    font-weight:300;
    </style>
    </head>
    <body>
    </body>
    <div>
    <h1><em>Este</em></h1></div><div><h2>es un título de nivel 1 y con el
    elemento la palabra
    <em>div</em></h2>
    </div>
    <div>
    <h3>Este es un título de nivel 1 y con el elemento la palabra
    <em>div</em></h3>
    </body>
    </html>

    Ejercicio 4
    html
    <!DOCTYPEhtml>
    <html>
    <head>
    <title>Problema</title>
    <meta charset="UTF-8">
    <link rel="StyleSheet" href="estilos.css" type="text/css">
    </head>
    <body>
    <div><h1><em>Definición de hojas de estilo en un archivo
    externo.</div></em></h1>
    <p><em>Hasta</em></p>
    <p><em.b>ahora hemos visto la definición de estilos a nivel de elemento HTML
    y la definición de estilos a nivel de página.</em.b></p> <p><em>Dijimos que la
    primera
    forma es muy poco recomendada y la segunda es utilizada cuando queremos
    definir
    estilos que serán empleados solo por esa página.
    Ahora veremos que la metodología más empleada es la definición
    de una hoja de estilo en un archivo separado que deberá tener la extensión
    css.
    </em></p>
    </body>
    </html>
    Css
    body {
    background-color:rgba(144, 51, 255);
    }

    h1 em {
    color:rgba(255, 87, 51);
    font-family:italic;
    font-size:39px;
    text-align:center;
    text-decoration:underline;
    }

    p em {
    color:blue;
    font-family:"times new roman",new, serif;
    text-align:center;
    font-weight:bold;
    font-size:40px;
    nota: hice la prueba de ver que pasaba si se le ponía una letra como a o b y se
    refleja como una especie de bloqueo eso quiere decir que no toma el cambia de
    pixeles ni el color

    ejercicio 5 (3.2 con 3.3)


    Código HTML
    <!DOCTYPE html>
    <html>
    <head>
    <title>Problema</title>
    <meta charset="UTF-8">
    <link rel="StyleSheet" href="estilos.css" type="text/css">
    </head>
    <body>
    <div>
    <h1><em>Acá tenemos un título de nivel uno, luego un bloque con
    el elemento strong debe aparecer así</em></h1>
    <p>
    <em>Luego si escribimos un párrafo y encerramos un bloque con el elemento
    strong
    debe aparecer</em>
    <strong>así</strong>
    </p>
    </body>
    </html>
    Código CSS
    body{
    background-color:#8A0808;
    }
    p strong{
    color:#5555ff;
    font-size:40px;
    font-family:"Lucida Console", Monaco, monospace;
    font-weight:(100);
    text-align:center;
    }
    p em{
    color:yellow;
    font-size:30px;
    font-family:"Courier New", Courier, monospace;
    text-align:center;
    }
    div h1 em {
    color:#0000cc;
    font-family:serif;
    font-size:30px;
    text-align:center;
    text-decoration:underline;
    }

    También podría gustarte