¿Qué propiedad es?
¿Qué hace este código?
Encuentra el bug
Completa el código
CSS en contexto
100
Cambia el color del texto

color

100

color: pink;

El texto se pone rosa

100

colour: red;

Error: se escribe color, no colour


100

color: ___; para texto rojo

red

100

¿Dentro de qué etiqueta HTML va el <link> del CSS?

<head>

200

Pone color de fondo a un elemento

background-color


200

font-size: 50px;

El texto se hace muy grande

200

font-size: 20;

Error: falta la unidad, debe ser 20px

200

font-family: ___; para Arial

Arial

200

¿Qué símbolo indica una clase en CSS?

El punto .

300

Centra el texto horizontalmente

text-align

300

text-align: right;

El texto se va a la derecha

300

.titulo { color pink; }

Error: falta el : entre propiedad y valor

300

border: 2px ___ black;

solid

300

¿Qué significan las siglas CSS?

Cascading Style Sheets

400

Redondea las esquinas de una caja

border-radius

400

border-radius: 50%;

La imagen se convierte en círculo

400

background-color: #GGGGGG;

Error: G no existe en código hexadecimal

400

border-radius: ___; para círculo perfecto

50%

400

¿Cuál es la diferencia entre margin y padding?

Margin es espacio exterior, padding es espacio interior

500

Agrega una sombra detrás de un elemento

box-shadow

500

box-shadow: 0px 4px 4px rgba(0,0,0,0.25);

Aparece una sombra debajo del elemento

500

<p class=".titulo">

Error: en HTML el class no lleva punto, el punto es solo en CSS

500

rgba(255, 0, 0, ___) para 50% de transparencia

0.5

500

¿Qué hace :hover?

Aplica estilos solo cuando el mouse pasa encima del elemento