color
color: pink;
El texto se pone rosa
colour: red;
Error: se escribe color, no colour
color: ___; para texto rojo
red
¿Dentro de qué etiqueta HTML va el <link> del CSS?
<head>
Pone color de fondo a un elemento
background-color
font-size: 50px;
El texto se hace muy grande
font-size: 20;
Error: falta la unidad, debe ser 20px
font-family: ___; para Arial
Arial
¿Qué símbolo indica una clase en CSS?
El punto .
Centra el texto horizontalmente
text-align
text-align: right;
El texto se va a la derecha
.titulo { color pink; }
Error: falta el : entre propiedad y valor
border: 2px ___ black;
solid
¿Qué significan las siglas CSS?
Cascading Style Sheets
Redondea las esquinas de una caja
border-radius
border-radius: 50%;
La imagen se convierte en círculo
background-color: #GGGGGG;
Error: G no existe en código hexadecimal
border-radius: ___; para círculo perfecto
50%
¿Cuál es la diferencia entre margin y padding?
Margin es espacio exterior, padding es espacio interior
Agrega una sombra detrás de un elemento
box-shadow
box-shadow: 0px 4px 4px rgba(0,0,0,0.25);
Aparece una sombra debajo del elemento
<p class=".titulo">
Error: en HTML el class no lleva punto, el punto es solo en CSS
rgba(255, 0, 0, ___) para 50% de transparencia
0.5
¿Qué hace :hover?
Aplica estilos solo cuando el mouse pasa encima del elemento