Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Ficha Digital 2 BS P3Q2

    Cargado por

    Camila Naveda
    6 vistas3 páginas

    Título original

    Ficha Digital 2 BS P3Q2 (4)

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    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 PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    6 vistas3 páginas

    Ficha Digital 2 BS P3Q2

    Cargado por

    Camila Naveda

    Copyright:

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

    Unidad Educativa Particular Lago Agrio Amazónica CEILA

    Sección Básica Superior

    Año Lectivo 2021-2022

    Ficha Digital 2

    Tema: Modelo de caja CSS.

    Nombre: Camila Naveda Curso: 8 vo A

    Coloque código de su página de estilo CSS:


    * {margin: 0px; padding: 0px;}

    #contenedor{
    width: 100%;
    }

    header h1 {
    background-color: red;
    color: white;
    height: 100px;
    text-align: center;
    padding: 50px;
    }

    nav{
    height: 60px;
    background-color: aqua;
    }

    nav ul li {
    float: left;
    margin: 20px;
    }

    .Contenido{
    float: left;
    width: 70%;
    background-color: lightgreen;
    }

    .Articulo h4, img {


    padding: 10px;
    float: left;
    }
    article img {
    width: 100px;
    height: 100px;
    }
    aside {
    height: 400px;
    background-color: lightgoldenrodyellow;
    padding:10px;
    }

    aside h3{
    pading:10px
    }

    .clearfix
    .clearfix{
    clear:both
    }
    footer{
    background-color: black;
    color: white;
    height: 60px;
    text-align: center;
    }

    Coloque el código html de su página index:


    <!DOCTYPE html>
    <html lang="es">
    <head>
    <meta charset="utf-8">
    <title>Página index</title>
    <meta name="author" content="Camila Naveda">
    <meta name="viewport" content="width=devie-width, initial-scale=1.0">
    <link rel="stylesheet" href="estilo.css">
    </head>
    <body>
    <div id="contenedor">
    <header>
    <h1>Header de mi pàgina index</h1>
    </header>
    <nav>
    <ul class="prueba">
    <li>Datos Biográficos</li>
    <li>Matemática</li>
    <li>Computación</li>
    </ul>
    </nav>
    <section class="Contenido">
    <h1>Integrantes</h1>
    <div>
    <article class="Articulo">
    <img src="imagenes/Camila Foto.jpg" alt="Foto de Yusibel">
    <h4 class="prueba">Camila Naveda</h4>
    <p>Datos cortos del integrante</p>
    </article>
    </div>
    <div class="clearfix"></div>
    <div>
    <article class="Articulo">
    <img src="imagenes/Camila Foto.jpg" alt="Foto de Yusibel">
    <h4 class="prueba">Camila Naveda</h4>
    <p>Datos cortos del integrante</p>
    </article>
    </div>

    </section>
    <aside>
    <h3>Barra lateral</h3>
    </aside>
    <div class="clearfix"></div>
    <footer class="prueba">
    <p>Pie de mi página.</p>
    </footer>
    </div>
    </body>
    </html>

    También podría gustarte