01
EJERCICIO 01
Cambia el color del texto
Crea una regla CSS que cambie el color del texto de un elemento.
200 · Ejercicios · CSS
Practica lo aprendido
12 ejercicios · 4 Junior · 4 Medio · 4 Avanzado
Escribe tu solución en cada editor y pulsa «Comprobar ejercicio». La comprobación busca los elementos fundamentales necesarios para cada reto.
02
EJERCICIO 02
Cambia el tamaño de una fuente
Utiliza la propiedad font-size para cambiar el tamaño de una fuente.
03
EJERCICIO 03
Agrega un fondo
Cambia el color de fondo de un elemento utilizando background-color.
04
EJERCICIO 04
Modifica los márgenes
Utiliza la propiedad margin para modificar el espacio exterior de un elemento.
05
EJERCICIO 05
Crea un borde
Agrega un borde a un elemento utilizando la propiedad border.
06
EJERCICIO 06
Utiliza Flexbox
Utiliza display: flex para organizar varios elementos dentro de un contenedor.
07
EJERCICIO 07
Centra elementos
Utiliza justify-content y align-items para centrar elementos con Flexbox.
08
EJERCICIO 08
Crea una cuadrícula
Utiliza display: grid para crear una cuadrícula de elementos.
09
EJERCICIO 09
Utiliza variables CSS
Crea una variable CSS dentro de :root y utilízala mediante var().
10
EJERCICIO 10
Crea un diseño responsive
Utiliza una media query con @media para adaptar el diseño a diferentes tamaños de pantalla.
11
EJERCICIO 11
Crea una transición
Utiliza transition para crear un cambio suave entre dos estados de un elemento.
12
EJERCICIO 12
Crea una interfaz responsive
Combina display, @media, transition y variables CSS para crear una interfaz responsive.