Back And Font es-419 Explainer

Explicador de Fondo y fuente

Objetivo de este acertijo: Usar CSS para diseñar una página web.

Tutorial de la solución: Mientras que HTML se usa para agregar elementos a una página web, CSS se usa para diseñarlos.

El código CSS consta de un selector, seguido de una o más reglas. El selector selecciona los elementos que se diseñarán y las reglas definen los estilos Por ejemplo:

h1 {
    color: red;
}

En el ejemplo anterior, h1 es el selector, y selecciona todos los elementos h1. Dentro de las llaves, color: red define el color de estos elementos h1 como red. Un selector, junto con las reglas, se llama un “conjunto de reglas”.

Por último, el punto y coma ; marca el final de la regla. El punto y coma se debe colocar al final de cada regla para que el código CSS funcione.

En este acertijo, cambiarás los colores de una página web usando las reglas background-color y color.

Hay 140 colores incorporados en CSS. Además de estos colores, se pueden usar valores RVA (rojo, verde, azul) y varios otros sistemas de colores sobre los que puedes informarte aquí.

Para este curso, usarás los colores RVA y los colores incorporados.

Para completar este acertijo, cambia background-color de body a rgb(0, 50, 75), y color de h1 a white.
Solución del código de ejemplo:

body {
    background-color: rgb(0, 50, 75);
}

h1 {
    color: white;
}

Conceptos de HTML: cuerpo, elemento de encabezado h1
Conceptos de CSS: selectores CSS, reglas, conjunto de reglas