wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Propriedade Background

Total questions: 15

Worksheet time: 8mins

Name
Class
Date
1.

Para criar um degradê, utilizamos qual propriedade background?

a)

background-color

b)

background-gradient

c)

background-degrade

d)

background-image

2.

Para inserir uma imagem de fato (uma foto), que função precisamos chamar na propriedade background-image?

a)

img

b)

link

c)

url

d)

src

3.

A imagem de fundo pode ser inserida internamente (imagem salva no computador) ou externamente (link da internet)?

a)

Apenas internamente

b)

Apenas externamente

c)

Das duas formas

4.

Por padrão, o que vai acontecer se eu inserir uma imagem menor que o tamanho da caixa do elemento?

a)

A imagem será repetida várias vezes para preencher o espaço

b)

A imagem será esticada para ocupar o espaço da caixa

c)

A imagem é carregada uma vez e o resto do espaço ficará em branco

d)

A imagem não irá carregar

5.

Qual propriedade é responsável por alterar esse padrão de repetição do background?

a)

background-repeat

b)

background-size

c)

background-format

d)

background-attachment

6.

Qual valor é responsável por repetir a imagem apenas no eixo horizontal (na linha)?

a)

repeat

b)

repeat-line

c)

repeat-x

d)

repeat-y

7.

Qual a propriedade responsável por mudar a posição de referência de uma imagem de fundo?

a)

background-attachment

b)

background-position

c)

position

d)

size

8.

Sobre o background-size, qual valor é responsável por fazer a imagem cobrir a tela inteira?

a)

auto

b)

100%

c)

contain

d)

cover

9.

E qual valor é responsável pela imagem cobrir apenas a caixa em que ela está inserida?

a)

cover

b)

contain

c)

auto

10.

Quais valores podem ser usados na propriedade background-attachment?

a)

static, scroll

b)

fixed, scroll

c)

static, flex

d)

fixed, flex

11.

Por padrão, a imagem de fundo irá rolar junto com o conteúdo, qual o valor responsável por isso?

a)

flex

b)

scroll

c)

fixed

d)

static

12.

Nessa imagem, qual ou quais dos quadrados foi definido como "position:relative"?

a)

O azul

b)

O vermelho

c)

Ambos

d)

Nenhum deles

13.

Qual atributo da propriedade transform é responsável por alterar o ponto de referência de

um elemento?

a)

reference

b)

scale

c)

translate

d)

rotate

14.

Olhando a imagem ao lado, em que seletor foi aplicado a imagem de fundo?

a)

<body>

b)

<main>

c)

<div>

d)

*
(asterisco - seletor global)

15.

E nesse caso, aonde a imagem de fundo está sendo aplicado?

a)

No <main>

b)

Na <div>

c)

Em ambas.