Untitled

 avatar
unknown
html
3 years ago
23 kB
4
Indexable
<!DOCTYPE html>
<html>
<head>
    <div class="hijo"> BLOQUE HIJO </div>
    <style>
    body 
    {
        background-image: url("Ejercicio 8.2 Imagen.jpg");
        background-repeat: repeat-x;
        background-size: 200px;
    }
      
      div.hijo 
    {
        background-image: url("Actividad 8.2 Corazon.png");
        background-repeat: inherit;
        background-size: 45px;
        border: 2px solid yellow;
        width:270px;
        height: 45px;
    }
    </style>
</head>
<body>
    
</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <div class="movil"> <p>Párrafo dentro de un bloque con imagen de fondo movil.</div>


    <div class="fijo">Párrafo dentro de un bloque con imagende fondo fijo.</div>
    
    <style>
        div.movil 
    {  
        background-image: url("Ejercicio 8.2 Imagen.jpg");
        background-repeat: no-repeat;
        background-size: 1250px;
        background-attachment: scroll;
    }

        div.fijo 
    {  
        background-image: url("Ejercicio 8.2 Imagen.jpg");
        background-repeat: no-repeat;
        background-size: 1250px;
        background-attachment: fixed;
    }
    </style>
</head>
<body>
    <p><div class="movil">
        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ratione saepe voluptas minima, facere, laborum, in expedita ipsam 
        labore quas doloremque libero adipisci dolorem repudiandae magnam quaerat deserunt. Corrupti, eius soluta! Lorem ipsum dolor 
        sit amet consectetur, adipisicing elit. Quos magni numquam id nobis quo reprehenderit soluta, enim dolore iste. Nam accusamus 
        molestiae dicta sapiente autem odio repudiandae eaque non neque! Lorem ipsum dolor sit, amet consectetur adipisicing elit. 
        Facere ipsum tempora sapiente placeat atque minima nobis, debitis accusamus saepe consectetur, ipsam non, corrupti suscipit 
        maiores magnam natus vero ab consequatur! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Saepe, quisquam quo, 
        quasi consequatur quae nostrum qui, fugiat optio accusamus debitis eaque voluptate provident officia labore rerum ipsa 
        tempora at vero? Lorem ipsum dolor sit amet consectetur adipisicing elit. Et, delectus nulla. Quisquam ex tenetur vel 
        corporis aliquam similique animi totam voluptates minus veritatis, pariatur consectetur obcaecati cum, fuga a at! Lorem 
        ipsum dolor sit amet consectetur adipisicing elit. Similique quasi sed, repellat dolor qui perspiciatis blanditiis quod 
        deserunt ratione, deleniti pariatur, commodi voluptatem itaque distinctio. Tempora nemo amet corrupti ipsum. Lorem ipsum 
        dolor sit amet consectetur adipisicing elit. Vitae ut ea, possimus quam itaque beatae. Incidunt quisquam unde harum 
        molestias autem architecto, non veniam distinctio a dignissimos cum quidem assumenda? Lorem ipsum dolor sit, amet 
        consectetur adipisicing elit. Adipisci atque totam voluptatibus reprehenderit? Explicabo repellendus aliquam nisi 
        voluptates. Voluptatem repellendus qui quaerat, neque magnam ullam? Maiores id nihil voluptate voluptatem. Lorem ipsum 
        dolor sit amet consectetur adipisicing elit. Eligendi reiciendis, eaque adipisci cum quidem ipsam id velit asperiores 
        culpa illo ipsum. Voluptate sunt excepturi distinctio quisquam, sapiente nobis molestias reiciendis. Lorem ipsum dolor 
        sit amet consectetur, adipisicing elit. Magnam ea molestias, praesentium distinctio deserunt quo reprehenderit iure expedita 
        nisi officiis at corporis adipisci possimus dolores nihil magni corrupti repellat quae. Lorem ipsum dolor sit amet 
        consectetur, adipisicing elit. Illum quidem, nostrum quas ea ut quia fugit nulla deserunt hic nam laboriosam quibusdam ullam 
        possimus deleniti? Quas doloremque praesentium molestiae vel. Lorem ipsum, dolor sit amet consectetur adipisicing elit. 
        Perspiciatis placeat atque qui pariatur eligendi impedit delectus quasi. Est necessitatibus doloremque iste ipsam, culpa ex. 
        Vel, possimus? Ullam accusamus totam a! Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis accusamus 
        dolores sunt maxime. Quibusdam, ea natus accusamus, cumque cum itaque soluta provident voluptates consectetur alias deleniti 
        fugit fugiat eius voluptate. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos veritatis, nihil tempore totam 
        accusantium iste nulla enim, nesciunt nisi ducimus odio eos hic architecto cumque doloremque distinctio minus harum rerum. 
        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Animi sit quia repellendus quaerat, saepe eligendi, asperiores 
        iusto et necessitatibus in alias numquam, quasi iste minus voluptatem quo amet? Doloremque, iure! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ratione saepe voluptas minima, facere, laborum, in expedita ipsam 
        labore quas doloremque libero adipisci dolorem repudiandae magnam quaerat deserunt. Corrupti, eius soluta! Lorem ipsum dolor 
        sit amet consectetur, adipisicing elit. Quos magni numquam id nobis quo reprehenderit soluta, enim dolore iste. Nam accusamus 
        molestiae dicta sapiente autem odio repudiandae eaque non neque! Lorem ipsum dolor sit, amet consectetur adipisicing elit. 
        Facere ipsum tempora sapiente placeat atque minima nobis, debitis accusamus saepe consectetur, ipsam non, corrupti suscipit 
        maiores magnam natus vero ab consequatur! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Saepe, quisquam quo, 
        quasi consequatur quae nostrum qui, fugiat optio accusamus debitis eaque voluptate provident officia labore rerum ipsa 
        tempora at vero? Lorem ipsum dolor sit amet consectetur adipisicing elit. Et, delectus nulla. Quisquam ex tenetur vel 
        corporis aliquam similique animi totam voluptates minus veritatis, pariatur consectetur obcaecati cum, fuga a at! Lorem 
        ipsum dolor sit amet consectetur adipisicing elit. Similique quasi sed, repellat dolor qui perspiciatis blanditiis quod 
        deserunt ratione, deleniti pariatur, commodi voluptatem itaque distinctio. Tempora nemo amet corrupti ipsum. Lorem ipsum 
        dolor sit amet consectetur adipisicing elit. Vitae ut ea, possimus quam itaque beatae. Incidunt quisquam unde harum 
        molestias autem architecto, non veniam distinctio a dignissimos cum quidem assumenda? Lorem ipsum dolor sit, amet 
        consectetur adipisicing elit. Adipisci atque totam voluptatibus reprehenderit? Explicabo repellendus aliquam nisi 
        voluptates. Voluptatem repellendus qui quaerat, neque magnam ullam? Maiores id nihil voluptate voluptatem. Lorem ipsum 
        dolor sit amet consectetur adipisicing elit. Eligendi reiciendis, eaque adipisci cum quidem ipsam id velit asperiores 
        culpa illo ipsum. Voluptate sunt excepturi distinctio quisquam, sapiente nobis molestias reiciendis. Lorem ipsum dolor 
        sit amet consectetur, adipisicing elit. Magnam ea molestias, praesentium distinctio deserunt quo reprehenderit iure expedita 
        nisi officiis at corporis adipisci possimus dolores nihil magni corrupti repellat quae. Lorem ipsum dolor sit amet 
        consectetur, adipisicing elit. Illum quidem, nostrum quas ea ut quia fugit nulla deserunt hic nam laboriosam quibusdam ullam 
        possimus deleniti? Quas doloremque praesentium molestiae vel. Lorem ipsum, dolor sit amet consectetur adipisicing elit. 
        Perspiciatis placeat atque qui pariatur eligendi impedit delectus quasi. Est necessitatibus doloremque iste ipsam, culpa ex. 
        Vel, possimus? Ullam accusamus totam a! Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis accusamus 
        dolores sunt maxime. Quibusdam, ea natus accusamus, cumque cum itaque soluta provident voluptates consectetur alias deleniti 
        fugit fugiat eius voluptate. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos veritatis, nihil tempore totam 
        accusantium iste nulla enim, nesciunt nisi ducimus odio eos hic architecto cumque doloremque distinctio minus harum rerum. 
        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Animi sit quia repellendus quaerat, saepe eligendi, asperiores 
        iusto et necessitatibus in alias numquam, quasi iste minus voluptatem quo amet? Doloremque, iure! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ratione saepe voluptas minima, facere, laborum, in expedita ipsam 
        labore quas doloremque libero adipisci dolorem repudiandae magnam quaerat deserunt. Corrupti, eius soluta! Lorem ipsum dolor 
        sit amet consectetur, adipisicing elit. Quos magni numquam id nobis quo reprehenderit soluta, enim dolore iste. Nam accusamus 
        molestiae dicta sapiente autem odio repudiandae eaque non neque! Lorem ipsum dolor sit, amet consectetur adipisicing elit. 
        Facere ipsum tempora sapiente placeat atque minima nobis, debitis accusamus saepe consectetur, ipsam non, corrupti suscipit 
        maiores magnam natus vero ab consequatur! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Saepe, quisquam quo, 
        quasi consequatur quae nostrum qui, fugiat optio accusamus debitis eaque voluptate provident officia labore rerum ipsa 
        tempora at vero? Lorem ipsum dolor sit amet consectetur adipisicing elit. Et, delectus nulla. Quisquam ex tenetur vel 
        corporis aliquam similique animi totam voluptates minus veritatis, pariatur consectetur obcaecati cum, fuga a at! Lorem 
        ipsum dolor sit amet consectetur adipisicing elit. Similique quasi sed, repellat dolor qui perspiciatis blanditiis quod 
        deserunt ratione, deleniti pariatur, commodi voluptatem itaque distinctio. Tempora nemo amet corrupti ipsum. Lorem ipsum 
        dolor sit amet consectetur adipisicing elit. Vitae ut ea, possimus quam itaque beatae. Incidunt quisquam unde harum 
        molestias autem architecto, non veniam distinctio a dignissimos cum quidem assumenda? Lorem ipsum dolor sit, amet 
        consectetur adipisicing elit. Adipisci atque totam voluptatibus reprehenderit? Explicabo repellendus aliquam nisi 
        voluptates. Voluptatem repellendus qui quaerat, neque magnam ullam? Maiores id nihil voluptate voluptatem. Lorem ipsum 
        dolor sit amet consectetur adipisicing elit. Eligendi reiciendis, eaque adipisci cum quidem ipsam id velit asperiores 
        culpa illo ipsum. Voluptate sunt excepturi distinctio quisquam, sapiente nobis molestias reiciendis. Lorem ipsum dolor 
        sit amet consectetur, adipisicing elit. Magnam ea molestias, praesentium distinctio deserunt quo reprehenderit iure expedita 
        nisi officiis at corporis adipisci possimus dolores nihil magni corrupti repellat quae. Lorem ipsum dolor sit amet 
        consectetur, adipisicing elit. Illum quidem, nostrum quas ea ut quia fugit nulla deserunt hic nam laboriosam quibusdam ullam 
        possimus deleniti? Quas doloremque praesentium molestiae vel. Lorem ipsum, dolor sit amet consectetur adipisicing elit. 
        Perspiciatis placeat atque qui pariatur eligendi impedit delectus quasi. Est necessitatibus doloremque iste ipsam, culpa ex. 
        Vel, possimus? Ullam accusamus totam a! Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis accusamus 
        dolores sunt maxime. Quibusdam, ea natus accusamus, cumque cum itaque soluta provident voluptates consectetur alias deleniti 
        fugit fugiat eius voluptate. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos veritatis, nihil tempore totam 
        accusantium iste nulla enim, nesciunt nisi ducimus odio eos hic architecto cumque doloremque distinctio minus harum rerum. 
        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Animi sit quia repellendus quaerat, saepe eligendi, asperiores 
        iusto et necessitatibus in alias numquam, quasi iste minus voluptatem quo amet? Doloremque, iure!
    </div></p>
    <p><div class="fijo">
        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ratione saepe voluptas minima, facere, laborum, in expedita ipsam 
        labore quas doloremque libero adipisci dolorem repudiandae magnam quaerat deserunt. Corrupti, eius soluta! Lorem ipsum dolor 
        sit amet consectetur, adipisicing elit. Quos magni numquam id nobis quo reprehenderit soluta, enim dolore iste. Nam accusamus 
        molestiae dicta sapiente autem odio repudiandae eaque non neque! Lorem ipsum dolor sit, amet consectetur adipisicing elit. 
        Facere ipsum tempora sapiente placeat atque minima nobis, debitis accusamus saepe consectetur, ipsam non, corrupti suscipit 
        maiores magnam natus vero ab consequatur! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Saepe, quisquam quo, 
        quasi consequatur quae nostrum qui, fugiat optio accusamus debitis eaque voluptate provident officia labore rerum ipsa 
        tempora at vero? Lorem ipsum dolor sit amet consectetur adipisicing elit. Et, delectus nulla. Quisquam ex tenetur vel 
        corporis aliquam similique animi totam voluptates minus veritatis, pariatur consectetur obcaecati cum, fuga a at! Lorem 
        ipsum dolor sit amet consectetur adipisicing elit. Similique quasi sed, repellat dolor qui perspiciatis blanditiis quod 
        deserunt ratione, deleniti pariatur, commodi voluptatem itaque distinctio. Tempora nemo amet corrupti ipsum. Lorem ipsum 
        dolor sit amet consectetur adipisicing elit. Vitae ut ea, possimus quam itaque beatae. Incidunt quisquam unde harum 
        molestias autem architecto, non veniam distinctio a dignissimos cum quidem assumenda? Lorem ipsum dolor sit, amet 
        consectetur adipisicing elit. Adipisci atque totam voluptatibus reprehenderit? Explicabo repellendus aliquam nisi 
        voluptates. Voluptatem repellendus qui quaerat, neque magnam ullam? Maiores id nihil voluptate voluptatem. Lorem ipsum 
        dolor sit amet consectetur adipisicing elit. Eligendi reiciendis, eaque adipisci cum quidem ipsam id velit asperiores 
        culpa illo ipsum. Voluptate sunt excepturi distinctio quisquam, sapiente nobis molestias reiciendis. Lorem ipsum dolor 
        sit amet consectetur, adipisicing elit. Magnam ea molestias, praesentium distinctio deserunt quo reprehenderit iure expedita 
        nisi officiis at corporis adipisci possimus dolores nihil magni corrupti repellat quae. Lorem ipsum dolor sit amet 
        consectetur, adipisicing elit. Illum quidem, nostrum quas ea ut quia fugit nulla deserunt hic nam laboriosam quibusdam ullam 
        possimus deleniti? Quas doloremque praesentium molestiae vel. Lorem ipsum, dolor sit amet consectetur adipisicing elit. 
        Perspiciatis placeat atque qui pariatur eligendi impedit delectus quasi. Est necessitatibus doloremque iste ipsam, culpa ex. 
        Vel, possimus? Ullam accusamus totam a! Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis accusamus 
        dolores sunt maxime. Quibusdam, ea natus accusamus, cumque cum itaque soluta provident voluptates consectetur alias deleniti 
        fugit fugiat eius voluptate. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos veritatis, nihil tempore totam 
        accusantium iste nulla enim, nesciunt nisi ducimus odio eos hic architecto cumque doloremque distinctio minus harum rerum. 
        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Animi sit quia repellendus quaerat, saepe eligendi, asperiores 
        iusto et necessitatibus in alias numquam, quasi iste minus voluptatem quo amet? Doloremque, iure! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ratione saepe voluptas minima, facere, laborum, in expedita ipsam 
        labore quas doloremque libero adipisci dolorem repudiandae magnam quaerat deserunt. Corrupti, eius soluta! Lorem ipsum dolor 
        sit amet consectetur, adipisicing elit. Quos magni numquam id nobis quo reprehenderit soluta, enim dolore iste. Nam accusamus 
        molestiae dicta sapiente autem odio repudiandae eaque non neque! Lorem ipsum dolor sit, amet consectetur adipisicing elit. 
        Facere ipsum tempora sapiente placeat atque minima nobis, debitis accusamus saepe consectetur, ipsam non, corrupti suscipit 
        maiores magnam natus vero ab consequatur! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Saepe, quisquam quo, 
        quasi consequatur quae nostrum qui, fugiat optio accusamus debitis eaque voluptate provident officia labore rerum ipsa 
        tempora at vero? Lorem ipsum dolor sit amet consectetur adipisicing elit. Et, delectus nulla. Quisquam ex tenetur vel 
        corporis aliquam similique animi totam voluptates minus veritatis, pariatur consectetur obcaecati cum, fuga a at! Lorem 
        ipsum dolor sit amet consectetur adipisicing elit. Similique quasi sed, repellat dolor qui perspiciatis blanditiis quod 
        deserunt ratione, deleniti pariatur, commodi voluptatem itaque distinctio. Tempora nemo amet corrupti ipsum. Lorem ipsum 
        dolor sit amet consectetur adipisicing elit. Vitae ut ea, possimus quam itaque beatae. Incidunt quisquam unde harum 
        molestias autem architecto, non veniam distinctio a dignissimos cum quidem assumenda? Lorem ipsum dolor sit, amet 
        consectetur adipisicing elit. Adipisci atque totam voluptatibus reprehenderit? Explicabo repellendus aliquam nisi 
        voluptates. Voluptatem repellendus qui quaerat, neque magnam ullam? Maiores id nihil voluptate voluptatem. Lorem ipsum 
        dolor sit amet consectetur adipisicing elit. Eligendi reiciendis, eaque adipisci cum quidem ipsam id velit asperiores 
        culpa illo ipsum. Voluptate sunt excepturi distinctio quisquam, sapiente nobis molestias reiciendis. Lorem ipsum dolor 
        sit amet consectetur, adipisicing elit. Magnam ea molestias, praesentium distinctio deserunt quo reprehenderit iure expedita 
        nisi officiis at corporis adipisci possimus dolores nihil magni corrupti repellat quae. Lorem ipsum dolor sit amet 
        consectetur, adipisicing elit. Illum quidem, nostrum quas ea ut quia fugit nulla deserunt hic nam laboriosam quibusdam ullam 
        possimus deleniti? Quas doloremque praesentium molestiae vel. Lorem ipsum, dolor sit amet consectetur adipisicing elit. 
        Perspiciatis placeat atque qui pariatur eligendi impedit delectus quasi. Est necessitatibus doloremque iste ipsam, culpa ex. 
        Vel, possimus? Ullam accusamus totam a! Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis accusamus 
        dolores sunt maxime. Quibusdam, ea natus accusamus, cumque cum itaque soluta provident voluptates consectetur alias deleniti 
        fugit fugiat eius voluptate. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos veritatis, nihil tempore totam 
        accusantium iste nulla enim, nesciunt nisi ducimus odio eos hic architecto cumque doloremque distinctio minus harum rerum. 
        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Animi sit quia repellendus quaerat, saepe eligendi, asperiores 
        iusto et necessitatibus in alias numquam, quasi iste minus voluptatem quo amet? Doloremque, iure! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ratione saepe voluptas minima, facere, laborum, in expedita ipsam 
        labore quas doloremque libero adipisci dolorem repudiandae magnam quaerat deserunt. Corrupti, eius soluta! Lorem ipsum dolor 
        sit amet consectetur, adipisicing elit. Quos magni numquam id nobis quo reprehenderit soluta, enim dolore iste. Nam accusamus 
        molestiae dicta sapiente autem odio repudiandae eaque non neque! Lorem ipsum dolor sit, amet consectetur adipisicing elit. 
        Facere ipsum tempora sapiente placeat atque minima nobis, debitis accusamus saepe consectetur, ipsam non, corrupti suscipit 
        maiores magnam natus vero ab consequatur! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Saepe, quisquam quo, 
        quasi consequatur quae nostrum qui, fugiat optio accusamus debitis eaque voluptate provident officia labore rerum ipsa 
        tempora at vero? Lorem ipsum dolor sit amet consectetur adipisicing elit. Et, delectus nulla. Quisquam ex tenetur vel 
        corporis aliquam similique animi totam voluptates minus veritatis, pariatur consectetur obcaecati cum, fuga a at! Lorem 
        ipsum dolor sit amet consectetur adipisicing elit. Similique quasi sed, repellat dolor qui perspiciatis blanditiis quod 
        deserunt ratione, deleniti pariatur, commodi voluptatem itaque distinctio. Tempora nemo amet corrupti ipsum. Lorem ipsum 
        dolor sit amet consectetur adipisicing elit. Vitae ut ea, possimus quam itaque beatae. Incidunt quisquam unde harum 
        molestias autem architecto, non veniam distinctio a dignissimos cum quidem assumenda? Lorem ipsum dolor sit, amet 
        consectetur adipisicing elit. Adipisci atque totam voluptatibus reprehenderit? Explicabo repellendus aliquam nisi 
        voluptates. Voluptatem repellendus qui quaerat, neque magnam ullam? Maiores id nihil voluptate voluptatem. Lorem ipsum 
        dolor sit amet consectetur adipisicing elit. Eligendi reiciendis, eaque adipisci cum quidem ipsam id velit asperiores 
        culpa illo ipsum. Voluptate sunt excepturi distinctio quisquam, sapiente nobis molestias reiciendis. Lorem ipsum dolor 
        sit amet consectetur, adipisicing elit. Magnam ea molestias, praesentium distinctio deserunt quo reprehenderit iure expedita 
        nisi officiis at corporis adipisci possimus dolores nihil magni corrupti repellat quae. Lorem ipsum dolor sit amet 
        consectetur, adipisicing elit. Illum quidem, nostrum quas ea ut quia fugit nulla deserunt hic nam laboriosam quibusdam ullam 
        possimus deleniti? Quas doloremque praesentium molestiae vel. Lorem ipsum, dolor sit amet consectetur adipisicing elit. 
        Perspiciatis placeat atque qui pariatur eligendi impedit delectus quasi. Est necessitatibus doloremque iste ipsam, culpa ex. 
        Vel, possimus? Ullam accusamus totam a! Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis accusamus 
        dolores sunt maxime. Quibusdam, ea natus accusamus, cumque cum itaque soluta provident voluptates consectetur alias deleniti 
        fugit fugiat eius voluptate. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos veritatis, nihil tempore totam 
        accusantium iste nulla enim, nesciunt nisi ducimus odio eos hic architecto cumque doloremque distinctio minus harum rerum. 
        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Animi sit quia repellendus quaerat, saepe eligendi, asperiores 
        iusto et necessitatibus in alias numquam, quasi iste minus voluptatem quo amet? Doloremque, iure!
    </div></p>
</body>
</html>
Editor is loading...