wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

CSS Basics

Total questions: 11

Worksheet time: 11mins

Name
Class
Date
1.

Como se cambia el color del texto en un span?

a)

Color : red;

b)

span{

text-color : red;

}

c)

@span{

color : red;

}

d)

p{

color : red;

}

e)

span{

color : red;

}

2.

Como se escoge por clase?

a)

#class{

text-color : red;

}

b)

.class{

text-color : red;

}

c)

-class{

text-color : red;

}

d)

*class{

text-color : red;

}

e)

%class{

text-color : red;

}

3.

Escoge 3 maneras validas de aplicar estilos

a)

<style>

p{

border: solid

}

</style>

b)

<p style="

border: solid"

></p>

c)

<link rel="stylesheet" type="text/css" href="./style.css">

d)

<p style=

{style : solid}

></p>

e)

<ref type="stylesheet" val="text/css" link="./style.css">

4.

Con que propiedad se modifica la fuente de una letra?

a)

font-family

b)

font-type

c)

font

d)

font-text

e)

text-font

5.

Con cual propiedad se ajusta el ancho de una imagen

a)

Width

b)

Height

c)

Length

d)

Longitude

e)

strength

6.

Con cual propiedad ajustas el espacion adentro de un elemento?

a)

Madding

b)

Pargin

c)

Spacing

d)

Padding

e)

Margin

7.

Escoge 2 maneras de agrega margen solamente a la parte de arriba de un elemento

a)

margin: top 10px;

b)

margin: up 30px;

c)

margin-top: 15px;

d)

top-margin : 5px;

e)

margin: 10px 0 0 0;

8.

Como se aplicaria esta variable de CSS en el fondo de la pantalla?

--penguin-skin: black;

a)

background: (--penguin-skin);

b)

background: var(--penguin-skin, gray);

c)

--var(penguin--skin);

d)

Header: 

var(*penguin-skin, gray);

e)

color: var(--penguin-skin, gray);

9.

Como se escoge este Elemento por el Id

<h1 id="elem" class="elem"></h1>

a)

h1#element

b)

#Elem

c)

#elem

d)

.elem

e)

--elem

10.

Escoge las medidas relativas

a)

em

b)

px

c)

%

d)

rem

e)

in

11.

escoge las medidas absolutas

a)

px

b)

em

c)

pc

d)

rem

e)

mm