ARG-PROGRAMA/css.html at master · AlonsoFi/ARG-PROGRAMA · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html lang="es">
<head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>CSS: Box model </title>
        <link rel="stylesheet" type="text/css" href="css/estilos.css" />
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Shantell+Sans:wght@500&display=swap" rel="stylesheet">

<head>
<body>
      <section>
            <h1>Esto es un titulo</h1>
            <p>Lorem Ipsum es simplemente un texto ficticio de la industria de la impresión y la composición tipográfica. Lorem Ipsum ha sido el texto ficticio estándar de la industria desde el año 1500, cuando un impresor desconocido tomó una galera de tipos y la codificó para hacer un libro de muestras tipográficas. Ha sobrevivido no solo cinco siglos, sino también el salto a la composición tipográfica electrónica, permaneciendo esencialmente sin cambios. Se popularizó en la década de 1960 con el lanzamiento de hojas de Letraset que contenían pasajes de Lorem Ipsum y, más recientemente, con software de autoedición como Aldus PageMaker, que incluía versiones de Lorem Ipsum.</p>
            <ul>
                  <li>Elemento 1</li>
                  <li>Elemento 2</li>
                  <li>Elemento 3</li>
            </ul>
      </section>
      <p id="mi_parrafo"> Hola vivamus</p>
      <p class="estaEsMiClase"> holaa vivamus</p>
      <p class="estaEsMiClase"> holaa vivamus</p>
      <p class="estaEsMiClase"> holaa vivamus</p>
      <span> Hola mundo</span>
</body>
</html>