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