diff --git a/challenges/01-front-end-development-certification/html5-and-css.json b/challenges/01-front-end-development-certification/html5-and-css.json index 8a1cbe6438..c5b9b658a5 100644 --- a/challenges/01-front-end-development-certification/html5-and-css.json +++ b/challenges/01-front-end-development-certification/html5-and-css.json @@ -357,7 +357,7 @@ "descriptionEs": [ "Ahora cambiemos el color de parte de nuestro texto.", "Podemos hacer esto cambiando el style del elemento h2", - "El estilo responsable del color de texto de un elemento es el estilo \"color\".", + "La propiedad de estilo responsable del color de texto es \"color\".", "Así es como podrías poner en azul el color de texto de tu elemento h2:", "<h2 style=\"color: blue\">CatPhotoApp</h2>", "Cambia el estilo del elemento h2 de manera que el color de su texto sea rojo." @@ -411,7 +411,7 @@ "nameEs": "Usa selectores CSS para dar estilo a los elementos", "descriptionEs": [ "Con CSS, hay cientos de propiedades CSS que puedes usar para cambiar como un elemento se ve en una página web.", - "Cuando ingresaste <h2 style=\"color: red\">CatPhotoApp<h2>, le estuviste dando al elemento h2 un estilo en línea", + "Cuando ingresaste <h2 style=\"color: red\">CatPhotoApp<h2>, le estuviste dando al elemento h2 un estilo en línea", "Esa es una forma de agregar estilo a un elemento, pero una manera mejor es usando Hojas de Estilo en Cascada (Cascading Style Sheets, CSS).", "Al principio de tu código, crea un elemento style como este: <style></style>", "Dentro de ese elemento style, puedes crear un selector CSS para todos los elementos h2. Por ejemplo, si quisieras que todos los elementos h2 fueran rojos, tu elemento style se vería así:", @@ -661,7 +661,7 @@ "nameEs": "Establecer la familia del tipo de letra de un elemento", "descriptionEs": [ "Puedes establecer el tipo de letra de un elemento usando la propiedad font-family.", - "Por ejemplo, si quiere establecer el tipo de letra de su elemento h2 como Sans-serif, use el siguiente CSS:", + "Por ejemplo, si quieres establecer el tipo de letra de tu elemento h2 como Sans-serif, usa el siguiente CSS:", "h2 {", "  font-family: Sans-serif;", "}", @@ -788,8 +788,8 @@ "nameEs": "Especifique como deben degradarse los tipos de letra", "descriptionEs": [ "Hay diversos tipos de letra disponibles por omisión en todos los navegadores. Estos incluyend Monospace, Serif y Sans-Serif", - "Cuando un tipo de letra no está disponible, puede decirle al navegador que \"degrade\" a otro tipo de letra.", - "Por ejemplo, si quiere que un elemento use el tipo Helvetica, o que se degrade a Sans-Serif cuando Helvetica no esté disponible, puede usar el siguiente estilo CSS:", + "Cuando un tipo de letra no está disponible, puedes decirle al navegador que \"degrade\" a otro tipo de letra.", + "Por ejemplo, si quieres que un elemento use el tipo Helvetica, o que se degrade a Sans-Serif cuando Helvetica no esté disponible, puedes usar el siguiente estilo CSS:", "p {", "  font-family: Helvetica, Sans-Serif;", "}", @@ -855,7 +855,7 @@ "descriptionEs": [ "Puedes agregar imágenes a tu sitio web mediante el uso del elemento img, y apuntar a la URL específica de una imagen utilizando el atributo src.", "Un ejemplo de esto sería:", - "", + "<img src=\"http://www.your-image-source.com/your-image.jpg\">", "Ten en cuenta que en la mayoría de los casos, los elementos img son de cierre automático.", "Prueba con esta imagen:", "https://bit.ly/fcc-relaxing-cat" @@ -1012,7 +1012,7 @@ "</style>", "Crea una clase llamada thick-green-border que ponga un borde verde de 10 píxeles de ancho con un estilo de solid en torno a un elemento HTML, y aplica esa clase a tu foto del gato. ", "Recuerda que puedes aplicar múltiples clases a un elemento separando una clase de otra con un espacio. Haces esto dentro de tu atributo class. Por ejemplo:", - "<img class=\"class1 class2\">" + "<img class=\"clase1 clase2\">" ], "namePt": "", "descriptionPt": [], @@ -1235,7 +1235,7 @@ " \"un ", "He aquí un ejemplo:", "<p>Aquí está un <a href=\"http://freecodecamp.com\"> enlace a Free Code Camp</a> para que lo siga.</p>", - "Crea un elemento a que se vincule a http://freecatphotoapp.com y tenga como texto de anclaje \" fotos de gatos\"." + "Crea un elemento a que se vincule a http://freecatphotoapp.com y tenga como texto de anclaje \"fotos de gatos\"." ], "namePt": "", "descriptionPt": [], @@ -1468,7 +1468,7 @@ "Puedes convertir elementos en enlaces al anidarlos con un elemento a.", "Anida tu imagen dentro de un elemento a. He aquí un ejemplo: ", "<a href=\"#\"><img src=\"http://bit.ly/fcc-running-cats\"/></a>", - "Recuerda usar # como atributo href de tu elmento a con el fin de convertirlo en un vínculo muerto.", + "Recuerda usar # como atributo href de tu elemento a con el fin de convertirlo en un vínculo muerto.", "Una vez hayas hecho esto, coloca el cursor sobre tu imagen. El puntero normal de tu cursor debería convertirse en el puntero de enlace. La foto es ahora un vínculo ." ], "namePt": "", @@ -1544,7 +1544,7 @@ "descriptionEs": [ "Los atributos alt también conocidos como texto alternativo, son lo que se presentarán en caso que el navegador no puede mostrar la imagen. Los atributos alt también son importantes para los usuarios ciegos o con deficiencia visual para entender lo que una imagen retrata. Y los motores de búsqueda también examinan los atributos alt. ", "En resumen, ¡cada imagen debe tener un atributo alt!", - "Usted puede agregar un atributo alt justo en el elemento img así:", + "Puedes agregar un atributo alt justo en el elemento img así:", "<img src=\"www.your-image-source.com/your-image.jpg\" alt=\"tu texto alternativo\">", "Añade un atributo alt con el texto A cute orange cat lying on its back a nuestra foto del gato." ], @@ -1633,7 +1633,7 @@ "  <li>leche</li>", "  <li>queso</li>", "</ul>", - "creará una lista con viñetas con \"leche\" y \"queso\".", + "creará una lista con viñetas y con elementos \"leche\" y \"queso\".", "Elimina los dos últimos elementos p y en la parte inferior de la página crea una lista no ordenada de tres cosas que los gatos aman." ], "namePt": "", @@ -1814,10 +1814,10 @@ "descriptionEs": [ "Ahora vamos a crear un formulario web.", "Los campos de texto son una manera conveniente de obtener retroalimentación de su usuario.", - "Usted puede crear uno como este:", + "Puedes crear uno como este:", "<input type=\"text\">", - "Tenga en cuenta que los elementos input son de cierre automático.", - "Crea un elemento input de tipo texto debajo de tus listas." + "Ten en cuenta que los elementos input son de cierre automático.", + "Crea un elemento input de tipo text debajo de tus listas." ], "namePt": "", "descriptionPt": [], @@ -1899,7 +1899,7 @@ "descriptionRu": [], "nameEs": "Agrega un texto de relleno a un campo de texto", "descriptionEs": [ - "Tu texto de relleno es el que aparece campo de texto antes de que tu usuario haya ingresado datos.", + "El texto de relleno es el que aparece en un campo de texto antes de que un usuario haya ingresado datos.", "Puedes crear un texto de relleno de esta manera:", "<input type=\"text\" placeholder=\"este es un texto de relleno\">", "Establece el valor del texto de relleno de tu campo de texto como \"cat photo URL\"." @@ -2162,7 +2162,7 @@ "descriptionRu": [], "nameEs": "Utiliza HTML5 para especificar campos obligatorios", "descriptionEs": [ - "Puedes especificar un campo obligatorio en un formulario para que tu usuario no pueda enviar el formulario hasta que él o ella lo haya llenado.", + "Puedes especificar un campo obligatorio en un formulario para que tu usuario no pueda enviar el formulario hasta que lo haya llenado.", "Por ejemplo, si quieres requerir obligatoriamente un campo de texto, puedes agregar la palabra required dentro de tu elemento input, usarías: <input type=\"text\" required> ", "Haz de tu campo de texto un campo obligatorio, de manera que tu usuario no pueda enviar el formulario sin completar este campo.", "A continuación, intenta enviar el formulario sin ingresar texto alguno. ¿Ves cómo tu formulario HTML5 te notifica que el campo es obligatorio?" @@ -2258,8 +2258,8 @@ "nameEs": "Crea un Conjunto de botones de radio", "descriptionEs": [ "Puedes usar botones de radio para las preguntas en las que desea que el usuario sólo le de una de varias posibles respuestas.", - "Los botones de radio son un tipo de input", - "Cada uno de los botones de radio debe estar anidado dentro de su propio elemento label.", + "Los botones de radio son un tipo del elemento input", + "Cada uno de los botones de radio debe estar anidado dentro de su propio elemento label.", "Todos los botones de radio relacionados deben tener el mismo atributo name.", "He aquí un ejemplo de un botón de radio:", "<label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>", @@ -2359,12 +2359,12 @@ "nameEs": "Crea un conjunto de casillas de verificación", "descriptionEs": [ "Los formularios suelen usar casillas de verificación para preguntas que pueden tener más de una respuesta.", - "Las casillas de verificación son un tipo de entrada", - "Cada una de tus casillas de verificación deben ser anidado dentro de su propio etiqueta.", + "Las casillas de verificación son un tipo del elemento input", + "Cada una de tus casillas de verificación deben ser anidado dentro de su propio elemento label.", "Todas las entradas de casillas de verificación relacionadas deben tener el mismo atributo name.", "He aquí un ejemplo de una casilla de verificación:", "<label><input type=\"checkbox\" name=\"personality\"> Cariñoso</label>", - "Añade a tu formulario un conjunto de tres casillas de verificación. Cada casilla de verificación debe estar anidada dentro de su propio elemento label. Las tres deben compartir el atributo nombre." + "Añade a tu formulario un conjunto de tres casillas de verificación. Cada casilla de verificación debe estar anidada dentro de su propio elemento label. Las tres deben compartir el atributo name." ], "namePt": "", "descriptionPt": [], @@ -2553,7 +2553,7 @@ "descriptionEs": [ "El elemento div, también conocido como un elemento de división, es un contenedor de propósito general para otros elementos.", "El elemento div es probablemente el elemento HTML más utilizado. Es útil para pasar el CSS de sus propias declaraciones de clase a todos los elementos que contiene. ", - "Al igual que cualquier otro elemento sin cierre automático, puede abrir una etiqueta div con <div> y cerrarla en otra línea con </div> .", + "Al igual que cualquier otro elemento sin cierre automático, puedes abrir una etiqueta div con <div> y cerrarla en otra línea con </div> .", "Trata de poner tu etiqueta de apertura div por encima de elemento p \"Things cat love\", y tu etiqueta de cierre de div después de tu etiqueta de cierre de ol, para que cada una de tus listas estén dentro de un div. ", "Anida tus listas \"Things cats love\" y \"Things cats hate\" dentro de un solo elemento div." ], @@ -2653,7 +2653,7 @@ "nameEs": "Da un color de fondo a un elemento Div", "descriptionEs": [ "Puedes fijar el color de fondo de un elemento con la propiedad background-color.", - "Por ejemplo, si quieres que el color de fondo de un elemento sea verde (green), ponlo en tu elemento style:", + "Por ejemplo, si quieres que el color de fondo de un elemento sea verde (green), dentro de tu elemento style pondrías:", ".green-background {", "  background-color: green;", "}", @@ -2752,7 +2752,7 @@ "descriptionEs": [ "Además de las clases, cada elemento HTML también puede tener un atributo de identificación id.", "Hay varias ventajas al usar atributos id, y aprenderás más sobre estas cuando comiences a usar jQuery.", - "Los atributos id deben ser únicos. Los navegadores no obligarán esto, pero es ampliamente reconocido como una de las mejores prácticas. Así que por favor no le dé a más de un elemento un mismo atributo id. ", + "Los atributos id deben ser únicos. Los navegadores no obligarán esto, pero es ampliamente reconocido como una de las mejores prácticas. Así que por favor no le des a más de un elemento un mismo atributo id. ", "He aquí un ejemplo de cómo le das la identificación cat-photo-app a tu elemento h2:", "<h2 id=\"cat-photo-app\">", "Dale a tu elemento form la id cat-photo-form." @@ -2853,8 +2853,8 @@ "descriptionRu": [], "nameEs": "Usa un atributo ID para dar estilo a un elemento", "descriptionEs": [ - "Una cosa buena sobre los atributos id es que, al igual que con clases, puede darles estilo usando CSS.", - "He aquí un ejemplo de cómo puede tomar su elemento con atributo id en cat-photo-element y póngale el color de fondo verde. En su elemento style: ", + "Una cosa buena sobre los atributos id es que, al igual que con clases, puedes darles estilo usando CSS.", + "He aquí un ejemplo de cómo puedes tomar tu elemento con atributo id en cat-photo-element y ponerle el color de fondo verde. En tu elemento style: ", "#cat-photo-element {", "  background-color: green;", "}", @@ -2930,10 +2930,10 @@ "Ahora vamos a dejar un poco de lado nuestra aplicación de fotos de gatos, y aprenderemos más sobre dar estilo a HTML", "Ya habrás notado esto, pero todos los elementos HTML son esencialmente pequeños rectángulos.", "Tres propiedades importantes controlan el espacio que rodea a cada elemento HTML: relleno (padding), margen (margin) y borde (border)", - "El relleno (padding) de un elmento controla la cantidad de espacio entre el elemento y su borde (border).", - "Aquí, podemos ver que el cuadro verde y el cuadro rojo se anidan dentro del cuadro amarillo. Tenga en cuenta que el cuadro rojo tiene más padding que el cuadro verde. ", - "Cuando aumentas el padding de la caja verde, aumentará la distancia entre el texto padding y el borde alrededor de este.", - "Cambia el padding de la caja verde para que coincida con la de tu cuadro rojo." + "El relleno (padding) de un elemento controla la cantidad de espacio entre el elemento y su borde (border).", + "Aquí, podemos ver que el cuadro verde y el cuadro rojo se anidan dentro del cuadro amarillo. Ten en cuenta que el cuadro rojo tiene más relleno (padding) que el cuadro verde. ", + "Cuando aumentas el relleno de la caja verde, aumentará la distancia entre el texto padding y el borde alrededor de este.", + "Cambia el relleno (padding) de la caja verde para que coincida con la de tu cuadro rojo." ], "namePt": "", "descriptionPt": [], @@ -3006,7 +3006,7 @@ "nameEs": "Ajusta el margen de un elemento", "descriptionEs": [ "El margen (margin) de un elemento controla la cantidad de espacio entre el borde (border) y los elementos alrededor.", - "Aquí, podemos ver que la caja verde y la caja roja se anidan dentro de la caja amarilla. Tenga en cuenta que la caja roja tiene más margen (margin) que la caja verde, haciendo que parezca más pequeña. ", + "Aquí, podemos ver que la caja verde y la caja roja se anidan dentro de la caja amarilla. Ten en cuenta que la caja roja tiene más margen (margin) que la caja verde, haciendo que parezca más pequeña. ", "Cuando aumentas el margen (margin) de la caja verde, aumentará la distancia entre su borde y los elementos que la rodean.", "Cambia el margen (margin) de la caja verde para que coincida con el de la caja roja." ], @@ -3081,7 +3081,7 @@ "descriptionEs": [ "El margen de un elemento controla la cantidad de espacio entre el borde del elemento y los elementos que lo rodean.", "Si estableces el margen de un elemento en un valor negativo, el elemento se hará más grande.", - "Trate de establecer el margen (margin) a un valor negativo como el de la caja roja.", + "Trata de establecer el margen (margin) a un valor negativo como el de la caja roja.", "Cambia el margen (margin) de la caja verde a -15px, de forma que ocupe todo el ancho horizontal de la caja amarilla que lo rodea." ], "namePt": "", @@ -3157,7 +3157,7 @@ "nameEs": "Añade relleno diferente a cada lado de un elemento", "descriptionEs": [ "A veces quieres personalizar un elemento para que tenga diferente relleno (padding) en cada uno de sus lados.", - "CSS te permite controlar el relleno de un elemento en los cuatro lados superior, derecho, inferior e izquierdo con las propiedades padding-top, padding-right, padding-bottom y padding-left. ", + "CSS te permite controlar el relleno (padding) de un elemento en los cuatro lados superior, derecho, inferior e izquierdo con las propiedades padding-top, padding-right, padding-bottom y padding-left. ", "Da a la caja verde un relleno (padding) de 40px en las partes superior e izquierda, pero sólo 20px en sus partes inferior y derecha." ], "namePt": "", @@ -3233,7 +3233,7 @@ "descriptionEs": [ "A veces quieres personalizar un elemento para que tenga un margen (margin) diferente en cada uno de sus lados.", "CSS te permite controlar el margen de un elemento en los cuatro lados superior, derecho, inferior e izquierdo con las propiedades margin-top, margin-right, margin-bottom y margin-left. ", - "Da a la caja verde un margen (margin) de 40px en la parte superior e izquierda, pero sólo 20px en su parte inferior y al lado derecho." + "Da a la caja verde un margen (margin) de 40px en las partes superior e izquierda, pero sólo 20px en su parte inferior y al lado derecho." ], "namePt": "", "descriptionPt": [], @@ -3306,7 +3306,7 @@ "En lugar de especificar las propiedades padding-top, padding-right, padding-bottom y padding-left de un elemento, puedes especificar todas en una sola línea, así: ", "padding: 10px 20px 10px 20px;", "Estos cuatro valores funcionan como un reloj: arriba, derecha, abajo, izquierda, y producirán exactamente el mismo resultado de las cuatro instrucciones de relleno.", - "Usa la notación en sentido horario para darle a la clase \".green-box\" un relleno de 40px en la parte superior e izquierda, pero sólo 20px en su parte inferior y al lado derecho ." + "Usa la notación en sentido horario para dar a la clase \".green-box\" un relleno de 40px en las partes superior e izquierda, pero sólo 20px en su parte inferior y al lado derecho ." ], "namePt": "", "descriptionPt": [], @@ -3379,7 +3379,7 @@ "nameEs": "Utiliza notación en sentido horario para especificar el margen de un elemento", "descriptionEs": [ "Vamos a intentar esto de nuevo, pero esta vez con el margen (margin).", - "En lugar de especificar las propiedades padding-top, padding-right, padding-bottom, y padding-left de un elemento, puedes especificarlas en una sóla línea así: ", + "En lugar de especificar las propiedades margin-top, margin-right, margin-bottom, y margin-left de un elemento, puedes especificarlas en una sóla línea así: ", "margin: 10px 20px 10px 20px;", "Estos cuatro valores funcionan como un reloj: arriba, derecha, abajo, izquierda, y producirán exactamente el mismo resultado de las cuatro instrucciones que especifican el margen.", "Usa notación en sentido horario para dar al elemento con la clase green-box un margen de 40px en las partes superior e izquierda, pero sólo 20px en su parte inferior y al lado derecho ." @@ -3478,7 +3478,7 @@ "Recuerda, que puedes dar estilo de tu elemento body como a cualquier otro elemento HTML, y que todos tus otros elementos heredarán sus estilos de tu elemento body.", "En primer lugar, crea un elemento h1 con el texto Hello World", "Después, vamos a darle a todos los elementos de tu página el color verde (green) añadiendo color: green; a la declaración de estilo de tu elemento body.", - "Por último, da a tu elmento body el tipo de letra Monospace añadiendo font-family: Monospace; a la declaración del estilo de tu elemento body." + "Por último, da a tu elemento body el tipo de letra Monospace añadiendo font-family: Monospace; a la declaración del estilo de tu elemento body." ], "namePt": "", "descriptionPt": [], @@ -3568,9 +3568,9 @@ "descriptionFr": [], "nameRu": "", "descriptionRu": [], - "nameEs": "Anula los estilos en CSS posterior", + "nameEs": "Anula estilos con CSS posterior", "descriptionEs": [ - "Nuestra clase \"pink-text\" anuló la declaración CSS de nuestro elemento body!", + "¡Nuestra clase \"pink-text\" anuló la declaración CSS de nuestro elemento body!", "Acabamos de demostrar que nuestras clases anularán el CSS del elemento body. Así que la siguiente pregunta lógica es: ¿qué podemos hacer para anular nuestra clase pink-text?", "Crea una clase CSS adicional llamada texto-azul que le de a un elemento el color azul. Asegúrate de que está debajo de tu declaración de la clase pink-text. ", "Aplica la clase blue-text a tu elemento h1 además de tu clase pink-text y veamos cual gana.", @@ -3632,12 +3632,12 @@ "nameEs": "Anula la declaración de clases dando estilo a los atributos ID", "descriptionEs": [ "Acabamos de demostrar que los navegadores leen CSS de arriba hacia abajo. Eso significa que, en el caso de un conflicto, el navegador utilizará la última declaración CSS. ", - "Pero no hemos terminado todavía. Hay otras maneras que usted puede anular CSS. ¿Te acuerdas de los atributos id?", + "Pero no hemos terminado todavía. Hay otras maneras con las que puedes anular CSS. ¿Te acuerdas de los atributos id?", "Anulemos tus clases pink-text y blue-text, y pongamos anaranjado tu elemento h1, dándole una identificación al elemento h1 y poniéndole estilo a esa identificación (id).", - "Dale a tu elemento h1 el atributo id con valor orange-text. Recuerda, los estilos id se ven así: ", + "Dale a tu elemento h1 el atributo id con valor orange-text. Recuerda, los atributos id se ven así: ", "<h1 id=\"orange-text\">", "Deja las clases blue-text y pink-text de tu elemento h1.", - "Crea una declaración CSS para tu identificación orange-text en tu elemento estilo. He aquí un ejemplo de como se ve esto: ", + "Crea una declaración CSS para tu identificación orange-text en tu elemento style. He aquí un ejemplo de como se ve esto: ", "#brown-text {", "  color: brown;", "}" @@ -3695,9 +3695,9 @@ "descriptionEs": [ "Así que hemos demostrado que las declaraciones de identificadores anulan las declaraciones de clase, independientemente del lugar donde se declaran en tu elemento de estilo CSS style.", "Hay otras maneras en las que puedes anular CSS. ¿Te acuerdas de los estilos en línea?", - "Utiliza un in-line style para tratar de hacer blanco nuestro elemento h1. Recuerda, los estilos en línea se ven así: ", + "Utiliza un estilo en línea para tratar de hacer blanco nuestro elemento h1. Recuerda, los estilos en línea se ven así: ", "<h1 style=\"color: green\">", - "Deja las clases blue-text y pink-text en tu elmento h1." + "Deja las clases blue-text y pink-text en tu elemento h1." ], "namePt": "", "descriptionPt": [], @@ -3797,9 +3797,9 @@ "nameEs": "Usa el código hexadecimal para especificar colores", "descriptionEs": [ "¿Sabías que hay otras maneras de representar los colores en CSS? Una de estas formas es llamada código hexadecimal o código hex para abreviar. ", - "Decimal se refiere a los números del cero al nueve -. los números que la gente usa en la vida cotidiana. Hexadecimal incluye estos 10 números, más las letras A, B, C, D, E y F. Esto significa que Hexadecimal tiene un total de 16 valores posibles, en lugar de los 10 valores posibles que nos da nuestro sistema numérico normal en base-10. ", - "Con CSS, utilizamos 6 números hexadecimales para representar los colores. Por ejemplo, #000000 es el valor más bajo posible, y representa el color negro. ", - "Reemplaza la palabra negro en el color de fondo (background-color) de nuestro elemento body por su representación hexadecimal #000000" + "El sistema Decimal se refiere al que nos permite representar cantidades empleando los dígitos del cero al nueve - los números que la gente usa en la vida cotidiana. El sistema Hexadecimal incluye estos 10 dígitos más las letras A, B, C, D, E y F. Esto significa que Hexadecimal tiene un total de 16 dígitos posibles, en lugar de las 10 posibles que nos da nuestro sistema numérico normal en base 10. ", + "Con CSS, utilizamos 6 dígitos hexadecimales para representar los colores. Por ejemplo, #000000 es el valor más bajo posible, y representa el color negro. ", + "Reemplaza la palabra black en el color de fondo (background-color) de nuestro elemento body por su representación hexadecimal #000000" ], "namePt": "", "descriptionPt": [], @@ -3835,8 +3835,8 @@ "descriptionRu": [], "nameEs": "Usa el código hexadecimal para colorear de blanco los elementos", "descriptionEs": [ - "0 es el número más bajo en código hexadecimal, y representa una completa ausencia de color.", - "F es el número más alto en código hexadecimal, y representa el máximo brillo posible.", + "0 es el dígito más bajo en código hexadecimal, y representa una completa ausencia de color.", + "F es el dígito más alto en código hexadecimal, y representa el máximo brillo posible.", "Volvamos blanco el color de fondo (background-color) de nuestro elemento body, cambiando su código hexadecimal por #FFFFFF" ], "namePt": "", @@ -3878,7 +3878,7 @@ "Te puedes estar preguntando por qué usamos 6 dígitos para representar un color en lugar de sólo uno o dos. La respuesta es que el uso de 6 dígitos nos da una enorme variedad. ", "¿Cuántos colores son posibles? 16 valores y 6 posiciones significa que tenemos 16 a la sexta potencia, o más de 16 millones de colores posibles. ", "Los códigos hexadecimales siguen el formato rojo-verde-azul (red-green-blue) o formato rgb. Los dos primeros dígitos del código hexadecimal representan la cantidad de rojo en el color. El tercer y cuarto dígitos representan la cantidad de verde. El quinto y sexto representan la cantidad de azul .", - "Así que para conseguir el rojo absolutamente más brillante, basta que uses F para el primer y segundo dígitos (el valor más alto posible) y 0 para el tercero, cuarto, quinto y sexto dígitos (el valor más bajo posible).", + "Así que para conseguir el rojo absolutamente más brillante, basta que uses F para el primer y segundo dígitos (el dígito más alto posible) y 0 para el tercero, cuarto, quinto y sexto dígitos (el dígito más bajo posible).", "Haz que el color de fondo (background-color) del elemento body sea rojo dándole el código hexadecimal #FF0000" ], "namePt": "", @@ -3916,7 +3916,7 @@ "nameEs": "Usa el código hexadecimal para colorear de verde los elementos", "descriptionEs": [ "Recuerda que el código hexadecimal sigue el formato rojo-verde-azul o rgb. Los dos primeros dígitos del código hexadecimal representan la cantidad de rojo en el color. El tercer y cuarto dígitos representan la cantidad de verde. El quinto y sexto representar la cantidad de azul.", - "Así que para conseguir el verde absoluto más brillante, sólo usas F en el tercer y cuarto dígitos (el valor más alto posible) y 0 para todos los otros dígitos (el valor más bajo posible). ", + "Así que para conseguir el verde absoluto más brillante, sólo usas F en el tercer y cuarto dígitos (el dígito más alto posible) y 0 para todos los otros dígitos (el dígito más bajo posible). ", "Haz que el color de fondo (background-color) del elemento body sea verde, dándole el código hexadecimal #00FF00" ], "namePt": "", @@ -3954,7 +3954,7 @@ "nameEs": "Usa el código hexadecimal para colorear de azul los elementos", "descriptionEs": [ "Los códigos hexadecimales siguen el formato rojo-verde-azul o rgb. Los dos primeros dígitos del código hexadecimal representan la cantidad de rojo en el color. El tercer y cuarto dígitos representan la cantidad de verde. El quinto y sexto representar la cantidad de azul .", - "Así que para conseguir el azul absoluto más brillante, utilizamos F para la quinta y sexta cifras (el valor más alto posible) y 0 para todos los otros dígitos (el valor más bajo posible ). ", + "Así que para conseguir el azul absoluto más brillante, utilizamos F para la quinta y sexta cifras (el dígito más alto posible) y 0 para todos los otros dígitos (el dígito más bajo posible ). ", "Haz que el color de fondo (background-color) del elemento body sea azul, dándole el código hexadecimal #0000FF" ], "namePt": "", @@ -4031,7 +4031,7 @@ "descriptionEs": [ "A partir de estos tres colores puros (rojo, verde y azul), podemos crear 16 millones de colores.", "También podemos crear diferentes tonos de gris mezclando uniformemente los tres colores.", - "Hacer que el color de fondo del elemento body sea gris, dándole el código hexadecimal #808080" + "Haz que el color de fondo del elemento body sea gris, dándole el código hexadecimal #808080" ], "namePt": "", "descriptionPt": [], @@ -4104,7 +4104,7 @@ "descriptionRu": [], "nameEs": "Uso código hex abreviado", "descriptionEs": [ - "Mucha gente se siente abrumada por las posibilidades de más de 16 millones de colores. Y es difícil recordar el código hexadecimal. Afortunadamente, usted puede acortarlo. ", + "Mucha gente se siente abrumada por las posibilidades de más de 16 millones de colores. Y es difícil recordar el código hexadecimal. Afortunadamente puedes acortarlo. ", "Por ejemplo, el rojo, que es #FF0000 en código hexadecimal, se puede abreviar a #F00. Es decir, un dígito para el rojo, un dígito para el verde, un dígito para el azul. ", "Esto reduce el número total de posibles colores a alrededor de 4.000. Pero los navegadores interpretarán #FF0000 y #F00 como exactamente el mismo color. ", "Adelante, intente usar #F00 para volver rojo el color de fondo del elemento body."