Todos los desafíos incluyen un ejemplo de código con los archivos `index.html` y `index.css`. Dado que el curso se centra en el aprendizaje de CSS, resuelva los desafíos en el archivo `index.css`. Después de completar un desafío, haga clic en el botón "Run Code" para ver la página en vivo y asegurarse de que el desafío se resolvió correctamente.

Además, cada desafío proporciona los botones "Hint" y "Solution". Al hacer clic en el botón "Hint" se mostrarán pistas para la tarea actual, mientras que el botón "Solution" revelará el ejemplo de código con la aplicación correcta de CSS.

Nota

## Tarea
Disponemos de un sitio web con dos secciones, cada una contiene un encabezado (elemento `h2`) y una descripción (elemento `p`).

Seleccione todos los párrafos (elementos `p`) en el sitio web y aplique la propiedad `color` con el valor `orange`.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxsaW5rIHJlbD0ic3R5bGVzaGVldCIgaHJlZj0iaW5kZXguY3NzIiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxzZWN0aW9uPgogICAgICA8aDI+QmlyZHM8L2gyPgogICAgICA8cD4KICAgICAgICBCaXJkcyBzb2FyIHRocm91Z2ggdGhlIHNreSwgdGhlaXIgd2luZ3MgYmVhdGluZyB3aXRoIGdyYWNlZnVsIGVsZWdhbmNlLgogICAgICAgIFRoZWlyIHNvbmdzIGZpbGwgdGhlIGFpciB3aXRoIGpveSBhbmQgd29uZGVyLgogICAgICA8L3A+CiAgICA8L3NlY3Rpb24+CiAgICA8c2VjdGlvbj4KICAgICAgPGgyPkZpc2hlczwvaDI+CiAgICAgIDxwPgogICAgICAgIEZpc2ggZGFydCB0aHJvdWdoIHRoZSB3YXRlciwgdGhlaXIgc2NhbGVzIHNoaW1tZXJpbmcgaW4gdGhlIGxpZ2h0LiBUaGVpcgogICAgICAgIHNpbGVudCB3b3JsZCBob2xkcyBzZWNyZXRzIHVudG9sZC4KICAgICAgPC9wPgogICAgPC9zZWN0aW9uPgogIDwvYm9keT4KPC9odG1sPg==

LyogU2V0IHRoZSBzdHlsZXMgaGVyZS4gKi8KCmgyIHsKICBjb2xvcjogZGFya2JsdWU7Cn0KCi8qIENoYW5nZSB0aGUgY29kZSBiZWxvdyB0aGlzIGxpbmUuICovCl9fXyB7CiAgX19fOiBfX187Cn0=

Utiliza el selector de etiquetas `p` para seleccionar todos los párrafos.

LyogU2V0IHRoZSBzdHlsZXMgaGVyZS4gKi8KCmgyIHsKICBjb2xvcjogZGFya2JsdWU7Cn0KCnAgewogIGNvbG9yOiBvcmFuZ2U7Cn0=

Domina los conceptos esenciales de CSS (Cascading Style Sheets), el lenguaje de estilos que transforma la apariencia de las páginas web. Explora conceptos clave como estilos de texto, colores, espaciado, el modelo de caja, Flexbox y efectos decorativos. Desarrolla las habilidades necesarias para crear páginas web visualmente atractivas y bien estructuradas. Ideal para principiantes que buscan establecer una base sólida en CSS.

Aprenda qué es CSS, cómo conectarlo con HTML y cómo aplicar estilos a los elementos HTML utilizando selectores. Explore conceptos fundamentales como colores de texto, pseudo-clases de acción del usuario y variables en CSS.

Descubra cómo estilizar y formatear texto en sus páginas web. Aprenda a aplicar fuentes personalizadas y explore diversas propiedades de fuente para mejorar la apariencia del texto.

Aprenda los fundamentos del modelo de caja, que define la disposición y el espaciado de los elementos en una página web. Explore conceptos como el dimensionamiento de cajas, la adición de espacio a los elementos, el trabajo con elementos de bloque e inline, y el uso de pseudoclases estructurales y funcionales para estilos avanzados.

Descubra Flexbox, un potente método de diseño en CSS para organizar elementos en filas y columnas. Aprenda a controlar la dirección, alineación y espaciado de los elementos tanto horizontal como verticalmente, así como a personalizar elementos flex individuales para lograr diseños precisos.

Aprenda a mejorar el atractivo visual de sus páginas web con CSS. Explore técnicas para aplicar colores y fondos de imagen, estilizar imágenes, utilizar pseudo-elementos decorativos y agregar sombras para crear diseños impactantes.

Desafío: Aplica Tus Primeros Estilos CSS

Tarea

Desafío: Aplica Tus Primeros Estilos CSS

Tarea