Mensajes

https://dle.rae.es/proyecci%C3%B3n

Simple búsqueda, definiciones viables  


 

En esa página no hablan de lo que yo estoy buscando 

(voy al grano)
Hola a todos,necesito que alguien me diga las definiciones de proyección en segundo plano y tercer plano (y si pueden adjuntar Imágenes seria mas que excelente).No encuentro nada viable en internet :/

Gracias de antemano

pd:Que tengan un buen día o noche  .

 Hola a todos,hoy en mi secundaria nos pidieron (como prueba final)hacer un círculo cromático usando css.La verdad no tengo ni idea de como poder hacer esto y ya probé de todo.  

Les agradecería mucho pero mucho si me dan una ayuda.


Gracias de antemano.

Yo lo estructuro así: https://github.com/StringManolo/TheKnowledge

El index.html en la carpeta pública.

El css, js, svg y demás recursos en sus respectivas subcarpetas. Quedan las rutas tal que:
public/index.html
public/css/main.css
public/js/main.js
public/svg/imagen1.svg
public/svg/imagen2.svg
...

Aquí puedes ver la estructura de los archivos:
https://github.com/StringManolo/TheKnowledge/blob/master/documentation/FILES.md

El código del html queda organizado tal que:

doctype
html
 head
   metas
   title
   link a ./css/main.css
 finHead
 body
   Tu html aquí.
 
   script a ./js/main.js
 finBody
finHtml

Bien muchas gracias,pregunta dentro de la carpeta "CSS" puedo poner mas o uso main.css para todas las paginas?

Por que yo tengo un archivo css para cada una de las paginas jeje.

Yo pienso, que lo primero es un buen editor de código. Yo recomendaría Brackets, o sino simplemente notepad++.

Ya luego faltarían las buenas prácticas de estructura dentro del código. Esto implica saber donde poner cada etiqueta, hasta saber si posee etiqueta de cierre. Por ejemplo; donde colocar un "<script>". Antes del body o en el head de la página. Todo eso y hasta más, y sólo HTML...

... CSS es muy parecido, por ejemplo en cuestión de estructuramiento... No está mal poner un solo estilo en línea...

Código (css) [Seleccionar] Expandir

p { color: red; }

... Pero cuando son varios...

Código (css) [Seleccionar] Expandir

p { color: red; font-size: 20px; background: blue; }

... Se vuelve algo tedioso e ilegible...

Esos serían mis consejos, de seguro hay mejores consejeros en el foro jajaja... Saludos!

Muchas gracias amigo,y en cuanto al editor de codigo yo uso visual code ( no es lo mejor pero bueno ajajja)

Hola,yo soy nuevo usando html e css me gustaría que me den consejos para cuando haga una página.El código quedé bien estructurado.

Buenas! Lo que quieres hacer se consigue con las media querys CSS, aquí te dejo un link: https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Código (css) [Seleccionar] Expandir


@media (max-width: 600px) { # responsive movil
  body {
    background-color: lightblue;
  }
}


Código (css) [Seleccionar] Expandir


@media (max-width: 768px) { #responsive tablet
  body {
    background-color: lightblue;
  }
}


Muchísimas gracias por tu tiempo

Esto no debería de ir aquí...

Tienes un código demasiado inteligible, debes de poner todos los estilos en el CSS.

Estas aplicando el mismo estilo una y otra vez a los elementos em:

Código (html) [Seleccionar] Expandir

                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">29</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">__--</em></em></em> <em style="color:  rgb(215, 186, 125);">.codigohtml<em style="color: white;"> {</em></em> </p>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">30</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);">background-color<em style="color: rgb(220, 220, 170);">:<em> rgb</em><em style="color: white;">(<em style="color: rgb(181, 206, 168);">51<em style="color: white;">,</em><em style="color: rgb(181, 206, 168);">51<em style="color: white;">,</em><em style="color: rgb(181, 206, 168);">51</em></em><em style="color: white;">)<em>;</em> </em> </em></em> </p>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">31</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);">border-color<em style="color: rgb(220, 220, 170);">:<em> rgb</em><em style="color: white;">(<em style="color: rgb(181, 206, 168);">177<em style="color: white;">,</em><em style="color: rgb(181, 206, 168);">177<em style="color: white;">,</em><em style="color: rgb(181, 206, 168);">177</em></em><em style="color: white;">)<em>;</em> </em> </em></em> </p>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">32</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);">border-width<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color: rgb(181, 206, 168);"> 3px</em><em style="color: white;">;</em>  </em></p>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">33</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);">border-style<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color:rgb(206, 145, 120);"> solid</em><em style="color: white;">;</em>  </em></p>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">34</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);">margin<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color: rgb(181, 206, 168);"> 20px</em><em style="color: white;">;</em>  </em></p>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">35</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);">font-size<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color: rgb(181, 206, 168);"> 13px</em><em style="color: white;">;</em>  </em></p>
                <em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">36</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">___---</em></em></em> <em style="color: white;">}</em></em>

Código (css) [Seleccionar] Expandir

em { color: rgba(133, 133, 133); }

Hola,no se si te diste cuenta pero cada "em" está haciendo algo distinto.Yo en un principio lo quería hacer absolutamente todo con css pero no.

Te invito a que pruebes el código y verás lo que hace.Y obvio si querés explicarme.Cómo hacerlo correctamente y que todos los "em" conserven su color, tamaño y espacio sería más que exelente.

Gracias

Hola buenas noches,estoy trabajando para un proyecto de la secundaria.Y logre avanzarlo bastante,pero estoy trancado en la parte de hacer que sea responsive.La cosa es que no tengo ni la mas mínima idea de como hacerlo.

Si me pueden dar un ayuda seria mas que excelente.

Html

Código [Seleccionar] Expandir

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link  rel="stylesheet" href="css/Tecnologia.css">
    <title>Document</title>
</head>
<nav>
   <a href="index.html"><img style="margin-left: 1150px;" width="30px" height="30px" src="img/INDEX.png" alt=""></a>
</nav>
<body>
    <div class="codigohtml">
        <center>
            <em style="color: white;font-size: 34px;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;letter-spacing: 2px;">Parte del codigo fuente</em>
        </center>
        <p style="color: rgb(51, 51, 51);"><em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__--</em> 1</em><em style="visibility: hidden">--</em><em  style="color: rgb(86, 156, 214);"> <em></em><em style="color: rgb(86, 156, 214);">< html </em>  </em> <em style="color: rgb(206, 145, 120);"> lang="es"<em style="color: rgb(86, 156, 214);">></em> </p></p>

        <em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__---</em ><em  class="numero" style="color: rgb(133, 133, 133);">2</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">_-</em></em></em> <em style="color:  rgb(86, 156, 214);"> < head ></em>
         <p style="color: rgb(51, 51, 51);"><em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__--</em> 3</em><em style="visibility: hidden">-__---</em><em  style="color: rgb(86, 156, 214);"> <em></em><em style="color: rgb(86, 156, 214);">< meta </em>  </em> <em style="color: rgb(206, 145, 120);"> charset="UTF-8"<em style="color: rgb(86, 156, 214);">></em> </p></p>
         <p style="color: rgb(51, 51, 51);"><em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__--</em> 4</em><em style="visibility: hidden">-__---</em><em style="color: rgb(86, 156, 214);"> < meta </em> <em style="color: rgb(206, 145, 120);">name=</em><em style="color: rgb(86, 156, 214);">"viewport"</em> <em style="color: rgb(206, 145, 120);">content=</em><em style="color: rgb(206, 145, 120);">"width=device-width, initial-scale=1.0"<em style="color: rgb(86, 156, 214);">></em></p></p>
         <p style="color: rgb(51, 51, 51);"><em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__--</em> 5</em><em style="visibility: hidden">-__---</em><em style="color: rgb(86, 156, 214);">  < link  </em> <em style="color: rgb(206, 145, 120);" > rel="stylesheet" </em> <em style="color: skyblue;"> href=</em><em style="color: rgb(206, 145, 120);">"css/cssdeprueba1.css"<em style="color: rgb(86, 156, 214);">></em></p>
          <p style="color: rgb(51, 51, 51);"><em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__--</em> 6</em><em style="visibility: hidden">-__---</em><em style="color: rgb(86, 156, 214);">< title ></em><em style="color: rgb(255, 255, 255);">Document</em><em style="color: rgb(86, 156, 214);">< /title ></em></p>
          <em style="color: rgb(86, 156, 214);"><em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__--</em> 7<em style="color: rgb(51, 51, 51);"><em style="visibility: hidden">__</em></em></em>< /head ></em>
        <br>
       
            <em style="color: rgb(86, 156, 214);"><em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__--</em> 8</em><em style="color: rgb(51, 51, 51);"><em style="visibility: hidden">_-</em></em> < body ></em>
         
        <p style="color: rgb(51, 51, 51);"><em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__--</em> 9</em><em style="color: rgb(51, 51, 51);"><em style="visibility: hidden">-__-</em></em><em style="color: rgb(86, 156, 214);"> < div </em><em style="color: skyblue;">id="menu"</em><em style="color: rgb(86, 156, 214);">></em></p>
              <p style="color: rgb(51, 51, 51);"></em><em style="color: rgb(51, 51, 51);"><em style="color: rgb(133, 133, 133);" style="visibility: visible;"><em style="visibility: hidden;">_...</em><em class="numero">10</em><em style="visibility: hidden">-___--</em></em><em style="color: rgb(86, 156, 214);">< ul > </em></p>
              <em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__</em> <em class="numero">12</em><em style="visibility: hidden;">_--</em> </em> <em style="color: rgb(86, 156, 214);"> </em><em style="visibility: hidden"><em></em>-______</em><em style="color: rgb(86, 156, 214);">< li ></em><em style="color: rgb(86, 156, 214);"> < a </em> <em style="color: skyblue;"> href=</em><em  style="color: rgb(206, 145, 120);">"Tenologia.html"</em><em style="color: rgb(86, 156, 214);">></em><em style="color: rgb(255, 255, 255);"> tecnología </em><em style="color: rgb(86, 156, 214);";>< /a ></em><em style="color: rgb(86, 156, 214);">< /li > </em></p>
              <em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__</em> <em class="numero">13</em><em style="visibility: hidden;">_--</em> </em> <em style="color: rgb(86, 156, 214);"> </em><em style="visibility: hidden"><em></em>-______</em><em style="color: rgb(86, 156, 214);">< li ></em><em style="color: rgb(86, 156, 214);"> < a </em> <em style="color: skyblue;"> href=</em><em style="color: rgb(206, 145, 120);">"#"</em><em style="color: rgb(86, 156, 214);">></em><em style="color: rgb(255, 255, 255);"> Ual </em><em style="color: rgb(86, 156, 214);";>< /a ></em><em style="color: rgb(86, 156, 214);">< /li > </em></p><em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__</em> <em class="numero">18</em><em style="visibility: hidden;">_--</em> </em> <em style="color: rgb(86, 156, 214);"> </em><em style="visibility: hidden"><em></em>-______</em><em style="color: rgb(86, 156, 214);">< li ></em><em style="color: rgb(86, 156, 214);"> < a </em> <em style="color: skyblue;"> href=</em><em style="color: rgb(206, 145, 120);">"#"</em><em style="color: rgb(86, 156, 214);">></em><em style="color: rgb(255, 255, 255);"> Ingles</em><em style="color: rgb(86, 156, 214);";>< /a ></em><em style="color: rgb(86, 156, 214);">< /li > </em></p>
             <em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__</em> <em class="numero">14</em><em style="visibility: hidden;">_--</em> </em> <em style="color: rgb(86, 156, 214);"> </em><em style="visibility: hidden"><em></em>-______</em><em style="color: rgb(86, 156, 214);">< li ></em><em style="color: rgb(86, 156, 214);"> < a </em> <em style="color: skyblue;"> href=</em><em style="color: rgb(206, 145, 120);">"#"</em><em style="color: rgb(86, 156, 214);">></em><em style="color: rgb(255, 255, 255);"> Ciencias experimentales </em><em style="color: rgb(86, 156, 214);";>< /a ></em><em style="color: rgb(86, 156, 214);">< /li > </em></p>
             <em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__</em> <em class="numero">15</em><em style="visibility: hidden;">_--</em> </em> <em style="color: rgb(86, 156, 214);"> </em><em style="visibility: hidden"><em></em>-______</em><em style="color: rgb(86, 156, 214);">< li ></em><em style="color: rgb(86, 156, 214);"> < a </em> <em style="color: skyblue;"> href=</em><em style="color: rgb(206, 145, 120);">"#"</em><em style="color: rgb(86, 156, 214);">></em><em style="color: rgb(255, 255, 255);"> Idioma esp</em><em style="color: rgb(86, 156, 214);";>< /a ></em><em style="color: rgb(86, 156, 214);">< /li > </em></p><em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__</em> <em class="numero">18</em><em style="visibility: hidden;">_--</em> </em> <em style="color: rgb(86, 156, 214);"> </em><em style="visibility: hidden"><em></em>-______</em><em style="color: rgb(86, 156, 214);">< li ></em><em style="color: rgb(86, 156, 214);"> < a </em> <em style="color: skyblue;"> href=</em><em style="color: rgb(206, 145, 120);">"#"</em><em style="color: rgb(86, 156, 214);">></em><em style="color: rgb(255, 255, 255);"> Biologia</em><em style="color: rgb(86, 156, 214);";>< /a ></em><em style="color: rgb(86, 156, 214);">< /li > </em></p>
              <em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__</em> <em class="numero">16</em><em style="visibility: hidden;">_--</em> </em> <em style="color: rgb(86, 156, 214);"> </em><em style="visibility: hidden"><em></em>-______</em><em style="color: rgb(86, 156, 214);">< li ></em><em style="color: rgb(86, 156, 214);"> < a </em> <em style="color: skyblue;"> href=</em><em style="color: rgb(206, 145, 120);">"#"</em><em style="color: rgb(86, 156, 214);">></em><em style="color: rgb(255, 255, 255);"> Matemática</em><em style="color: rgb(86, 156, 214);";>< /a ></em><em style="color: rgb(86, 156, 214);">< /li > </em></p>
           <em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__</em> <em class="numero">17</em><em style="visibility: hidden;">_--</em> </em> <em style="color: rgb(86, 156, 214);"> </em><em style="visibility: hidden"><em></em>-______</em><em style="color: rgb(86, 156, 214);">< li ></em><em style="color: rgb(86, 156, 214);"> < a </em> <em style="color: skyblue;"> href=</em><em style="color: rgb(206, 145, 120);">"#"</em><em style="color: rgb(86, 156, 214);">></em><em style="color: rgb(255, 255, 255);"> Taller </em><em style="color: rgb(86, 156, 214);";>< /a ></em><em style="color: rgb(86, 156, 214);">< /li > </em></p>
             <p style="color: rgb(51, 51, 51);"> <em class="numero" style="color: rgb(133, 133, 133);" style="visibility: visible;"><em style="visibility: hidden;">__</em> 18</em><em style="visibility: hidden">-______</em><em style="color: rgb(86, 156, 214);">< /ul > </em></p> 
                    <em style="color: rgb(86, 156, 214);"><em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_..</em> 19<em style="visibility: hidden;">__-</em></em> < /div > </em>
              <br> 
              <em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__-</em><em class="numero">20</em><em style="visibility: hidden;">_--</em><em style="color: rgb(86, 156, 214);">< /body ></em>
               <br>
               
               <em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_..</em> <em class="numero">21</em><em style="visibility: hidden;">_--</em> </em> <em style="color: rgb(86, 156, 214);"> < s tyle > </em>
               <br>
               <em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">22</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">___-</em></em></em> <em style="color:  rgb(86, 156, 214);">*<em style="color: white;"> {</em></em>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">23</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);">padding<em style="color: white;">:</em > <em style="color: rgb(181, 206, 168);">0</em> <em style="color: white;">;</em></em> </p>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">24</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);">margin<em style="color: white;">:</em > <em style="color: rgb(181, 206, 168);">0</em> <em style="color: white;">;</em></em> </p>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">25</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);">font-family<em style="color: white;">:</em > <em style="color: rgb(181, 206, 168);"><em style="color: rgb(206, 145, 120);">Arial</em><em style="color: white;">,</em> <em style="color: rgb(206, 145, 120);">Helvetica</em><em style="color: white;">,</em> <em style="color: rgb(206, 145, 120);">sans-serif</em></em> <em style="color: white;">;</em></em> </p>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">26</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);">decoration<em style="color: white;">:</em > <em style="color: rgb(181, 206, 168);"><em style="color: rgb(206, 145, 120);">none</em><em style="color: white;">;</em></em> </p>
                <em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">27</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">__-----</em></em></em> <em style="color: white;">}</em></em>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">28</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">_--</em></em></em> <em ></em></em></p>
       
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">29</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">__--</em></em></em> <em style="color:  rgb(215, 186, 125);">.codigohtml<em style="color: white;"> {</em></em> </p>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">30</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);">background-color<em style="color: rgb(220, 220, 170);">:<em> rgb</em><em style="color: white;">(<em style="color: rgb(181, 206, 168);">51<em style="color: white;">,</em><em style="color: rgb(181, 206, 168);">51<em style="color: white;">,</em><em style="color: rgb(181, 206, 168);">51</em></em><em style="color: white;">)<em>;</em> </em> </em></em> </p>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">31</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);">border-color<em style="color: rgb(220, 220, 170);">:<em> rgb</em><em style="color: white;">(<em style="color: rgb(181, 206, 168);">177<em style="color: white;">,</em><em style="color: rgb(181, 206, 168);">177<em style="color: white;">,</em><em style="color: rgb(181, 206, 168);">177</em></em><em style="color: white;">)<em>;</em> </em> </em></em> </p>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">32</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);">border-width<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color: rgb(181, 206, 168);"> 3px</em><em style="color: white;">;</em>  </em></p>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">33</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);">border-style<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color:rgb(206, 145, 120);"> solid</em><em style="color: white;">;</em>  </em></p>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">34</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);">margin<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color: rgb(181, 206, 168);"> 20px</em><em style="color: white;">;</em>  </em></p>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">35</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);">font-size<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color: rgb(181, 206, 168);"> 13px</em><em style="color: white;">;</em>  </em></p>
                <em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">36</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">___---</em></em></em> <em style="color: white;">}</em></em>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">37</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden"></em></em></em> <em ></em></em></p>
       
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">38</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">___-</em></em></em> <em style="color:  rgb(215, 186, 125);">.html<em style="color: white;">{</em></em> </p>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">39</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);"> margin-bottom<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color: rgb(181, 206, 168);"> -19px</em><em style="color: white;">;</em>  </em></p>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">40</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);"> padding<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color: rgb(181, 206, 168);"> 2px</em><em style="color: white;">;</em>  </em></p>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">41</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);">text-align<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color:rgb(206, 145, 120);"> center</em><em style="color: white;">;</em>  </em></p>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">42</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);">font-family<em style="color: white;">:</em > <em style="color: rgb(181, 206, 168);"><em style="color: rgb(206, 145, 120);">Arial</em><em style="color: white;">,</em> <em style="color: rgb(206, 145, 120);">Helvetica</em><em style="color: white;">,</em> <em style="color: rgb(206, 145, 120);">sans-serif</em></em><em style="color: white;">;</em></em></p>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">43</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);"> font-size<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color: rgb(181, 206, 168);"> 15px</em><em style="color: white;">;</em>  </em></p>
                <em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">44</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">___---</em></em></em> <em style="color: white;">}</em></em>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">45</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">_--</em></em></em> <em ></em></em></p>
       
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">46</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">___-</em></em></em> <em style="color:  rgb(215, 186, 125);">.css<em style="color: white;">{</em></em> </p>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">47</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);"> margin-bottom<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color: rgb(181, 206, 168);"> -19px</em><em style="color: white;">;</em>  </em></p>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">48</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);"> padding<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color: rgb(181, 206, 168);"> 2px</em><em style="color: white;">;</em>  </em></p>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">49</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);">text-align<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color:rgb(206, 145, 120);"> center</em><em style="color: white;">;</em>  </em></p>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">50</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);">font-family<em style="color: white;">:</em > <em style="color: rgb(181, 206, 168);"><em style="color: rgb(206, 145, 120);">Arial</em><em style="color: white;">,</em> <em style="color: rgb(206, 145, 120);">Helvetica</em><em style="color: white;">,</em> <em style="color: rgb(206, 145, 120);">sans-serif</em></em><em style="color: white;">;</em></em></p>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">51</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);"> font-size<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color: rgb(181, 206, 168);"> 15px</em><em style="color: white;">;</em>  </em></p>
                <em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">52</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">___---</em></em></em> <em style="color: white;">}</em></em>   
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">53</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">_--</em></em></em> <em ></em></em></p>
       
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">54</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">___-</em></em></em> <em style="color:  rgb(215, 186, 125);">.em<em style="color: white;"> {</em></em> </p>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">55</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">____----</em></em></em> <em style="color:  rgb(156, 220, 254);">font-style<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color:rgb(206, 145, 120);"> normal</em><em style="color: white;">;</em>  </em></p>
                <em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">56</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">___---</em></em></em> <em style="color: white;">}</em></em>   
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">57</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">_--</em></em></em> <em ></em></em></p>
       
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">58</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">___-</em></em></em> <em style="color:  rgb(215, 186, 125);">.numero<em style="color: white;"> {</em></em> </p>
               <p><em style="color:  rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">59</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);"> -moz-user-select<em style="color: white;">:</em><em style="color:  rgb(206, 145, 120);">none</em><em style="color: white;">;</em> </em> </p>
               <p><em style="color:  rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">60</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);"> -webkit-user-select<em style="color: white;">:</em><em style="color:  rgb(206, 145, 120);">none</em><em style="color: white;">;</em> </em> </p>
               <p><em style="color:  rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">61</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);"> -ms-user-select<em style="color: white;">:</em><em style="color:  rgb(206, 145, 120);">none</em><em style="color: white;">;</em> </em> </p>
               <p><em style="color:  rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">62</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);"> -user-select<em style="color: white;">:</em><em style="color:  rgb(206, 145, 120);">none</em><em style="color: white;">;</em> </em> </p>
               <em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">63</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">___---</em></em></em> <em style="color: white;">}</em></em>
               <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">64</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">_--</em></em></em> <em ></em></em></p>
       
               <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">65</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">___-</em></em></em> <em style="color:  rgb(215, 186, 125);">.codigocss<em style="color: white;">{</em></em> </p>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">66</em></em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);">background-color<em style="color: rgb(220, 220, 170);">:<em> rgb</em><em style="color: white;">(<em style="color: rgb(181, 206, 168);">51<em style="color: white;">,</em><em style="color: rgb(181, 206, 168);">51<em style="color: white;">,</em><em style="color: rgb(181, 206, 168);">51</em></em><em style="color: white;">)<em>;</em> </em> </em></em> </p>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">67</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);">border-color<em style="color: rgb(220, 220, 170);">:<em> rgb</em><em style="color: white;">(<em style="color: rgb(181, 206, 168);">177<em style="color: white;">,</em><em style="color: rgb(181, 206, 168);">177<em style="color: white;">,</em><em style="color: rgb(181, 206, 168);">177</em></em><em style="color: white;">)<em>;</em> </em> </em></em> </p>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">68</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);">border-width<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color: rgb(181, 206, 168);"> 3px</em><em style="color: white;">;</em>  </em></p>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">69</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);">border-style<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color:rgb(206, 145, 120);"> solid</em><em style="color: white;">;</em>  </em></p>
                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">70</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);">margin<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color: rgb(181, 206, 168);"> 20px</em><em style="color: white;">;</em>  </em></p>
                <em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">71</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">___---</em></em></em> <em style="color: white;">}</em></em>
                <br>
                <em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_..</em> <em class="numero">72</em><em style="visibility: hidden;">_--</em> </em> <em  style="color: rgb(86, 156, 214);">< /style ></em>
                <br>
               <em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_..</em> <em class="numero">73</em><em style="visibility: hidden;">_--</em> </em> <em style="color: rgb(86, 156, 214);">< /html ></em>
               
            </div>
</body>
<footer class="middle">
    <button  class="btn btn1"><a  style="text-decoration: none;color: white;" href="PaginaWeb.zip" download="PaginaWeb.rar">Descargue la pagina web aquí!</a></button>
</footer>

</html>

Css

Código [Seleccionar] Expandir

*{
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;


}

body{
    background-color: rgb(51, 51, 51);
}


em{
    font-style: normal;
}

.numero{
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



.middle{ 
    position: absolute;
    bottom: -760px;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
   
}

.btn{
    background: none;
    border: 2px solid #000;
    font-size: "montserrat",sans-serif;
    text-transform: uppercase;
    padding: 12px 20px;
    min-width: 200px;
    margin: 10px;
    cursor: pointer;
    transition: color 0.4s linear;
    position: relative;
    top: -20px;
}

.btn:hover{
    color: #fff;

}

.btn::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 26, 255);
    z-index: -1;
    transition: transform 0.5s;
    transform-origin:0 0;
    transition-timing-function: cubic-bezier(0.5,1.6,0.4,0.7);
}

.btn1::before{
    transition: 1.5s;
    transform:scaleX(0) ;
}

.btn1:hover::before{
    transition: 1.5s;
    transform:scaleX(1) ;
}


Pd:Si soy nuevo en html y css. 

ya veo, además de desarrolladores buscas adivinos:
claro, porque hay solo un entorno para hacerla y una sola forma de declarar el texto.

Oh,entiendo gracias por tu tiempo.

(Tobogan de piojos and chupa pija  )