Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Introducción a CSS

Total questions: 10

Worksheet time: 7mins

Name
Class
Date
1.

CSS. ¿Qué se ejemplifica en el siguiente código?


<link rel="stylesheet" href="css/styles.css">

a)

CSS externo

b)

CSS interno

c)

CSS en línea

d)

Ninguna es correcta

2.

Utilizando un selector de elemento o HTML, aplique un margen superior a todos los párrafos de 10 pixeles.

Utilice la propiedad específica, no general.

Escriba la declaración de estilo en una sola línea, no deje espacios.

(a)  

3.

Con la propiedad 'background-image' inserte la imagen 'fondo.jpg' desde la carpeta 'imas' en un id llamado 'content'. Tome en cuenta que su archivo está en la carpeta 'css' por lo que debe subir un nivel.


Escriba la declaración de estilo en una sola línea, no deje espacios.

(a)  

4.

¿Qué hace la siguiente declaración de estilos?


p{

margin: 25px 50px 75px;

}

a)

25px top, 50px right-left y 75px bottom

b)

25px top-bottom, 50px right y 75px left

c)

25px top-right, 50px left y 75px bottom

d)

Ninguna es correcta

5.

Aplique un margen interno a los elementos con clase 'info' para que tengan 5 pixeles arriba-abajo, y 8 pixeles a la derecha-izquierda. Haga una sola declaración de estilo.


Escriba la declaración de estilo en una sola línea, no deje espacios innecesarios.

(a)  

6.

Utilizando selectores de elemento o HTML centre el texto de los elementos 'h1, h3 y p'.

Tome en cuenta que el selector es de agrupación.

Escriba la declaración de estilo en una sola línea, no deje espacios innecesarios.

(a)  

7.

¿Qué hace la siguiente declaración de estilo CSS?


border: 5px solid #F00;

a)

Aplica un borde de 5 pixeles, sólido de color rojo

b)

Aplica un borde de 5 pixeles, punteado de color negro

c)

Aplica un borde de 5 pixeles, sólido de color negro

d)

Aplica un borde de 5 pixeles, doble de color rojo

e)

Ninguna es correcta

8.

El body de la página web debe tener un 75% del ancho del Viewport.


Haga su declaración en una sola línea, no deje espacios innecesarios. No olvide terminar con (;).

(a)  

9.

Utilizando un clase llamada 'buttons' declare un borde redondeado de 15 pixeles.


Haga su declaración en una sola línea, no deje espacios innecesarios. No olvide terminar con (;).

(a)  

10.

Establezca como fuente 'Arial' o cualquier sans-serif al Id 'main'.


Haga su declaración en una sola línea, no deje espacios innecesarios. No olvide terminar con (;).

(a)