wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

3°ano Fazer Novo Propriedades CSS

Total questions: 20

Worksheet time: 10mins

Name
Class
Date
1.

Qual propriedade CSS é usada especificamente para alterar a cor do texto de um elemento?

a)

background-color

b)

font-color

c)

text-color

d)

color

2.

Para definir a cor de fundo de toda a página (elemento ), qual declaração CSS seria mais apropriada?

a)

body { color: #f0f0f0; }

b)

body { background: #f0f0f0; }

c)

body { background-color: #f0f0f0; }

d)

body { text-background: #f0f0f0; }

3.

3-A propriedade font-size controla qual aspecto do texto?

a)

A espessura da fonte

b)

O tipo da fonte

c)

O tamanho da fonte

d)

O alinhamento do texto

4.

Se você quisesse que o texto de um parágrafo usasse a fonte "Times New Roman" e, caso não estivesse disponível, usasse qualquer fonte serifada padrão, como você escreveria a regra font-family?

a)

p { font-family: serif, "Times New Roman"; }

b)

p { font-family: "Times New Roman" serif; }

c)

p { font-family: "Times New Roman", serif; }

d)

p { font-family: font("Times New Roman", serif); }

5.

Qual valor da propriedade font-weight é comumente usado para deixar o texto em negrito?

a)

normal

b)

light

c)

bold

d)

italic

6.

Para justificar o texto dentro de todos os elementos

(alinhando as margens esquerda e direita), qual regra CSS você usaria?

a)

p { align-text: justify; }

b)

p { text-justify: auto; }

c)

p { text-align: justify; }

d)

p { horizontal-align: justify; }

7.

A propriedade width em CSS serve para:

a)

Definir a altura de um elemento.

b)

Definir a margem interna de um elemento.

c)

Definir a largura de um elemento.

d)

Definir a espessura da borda de um elemento.

8.

Qual propriedade CSS é usada para definir explicitamente a altura de um elemento, como um header?

a)

size-y

b)

height

c)

vertical-size

d)

element-height

9.

O que a propriedade margin controla?

a)

O espaço dentro das bordas de um elemento.

b)

O espaço fora das bordas de um elemento.

c)

A cor da borda de um elemento.

d)

A forma como o elemento é exibido (bloco, linha, etc.).

10.

Qual propriedade CSS adiciona espaçamento entre o conteúdo de um elemento e sua borda?

a)

margin

b)

spacing

c)

border-spacing

d)

padding

11.

A declaração border: 2px dashed blue; define o quê?

a)

Uma borda de 2px, sólida e azul.

b)

Uma margem de 2px, tracejada e azul.

c)

Uma borda de 2px, tracejada e azul.

d)

Um preenchimento de 2px, tracejado e azul.

12.

Qual valor da propriedade display faz com que um elemento ocupe toda a largura disponível e inicie em uma nova linha?

a)

inline

b)

inline-block

c)

block

d)

none

13.

Se você quiser que um elemento flua junto com o texto ao redor, mas também queira definir sua width e height, qual valor de display seria mais adequado?

a)

inline

b)

block

c)

inline-block

d)

flex

14.

Para remover completamente um elemento da página, como se ele não existisse no HTML, qual declaração CSS você usaria?

a)

visibility: hidden;

b)

opacity: 0;

c)

display: none;

d)

position: absolute; left: -9999px;

15.

Qual valor da propriedade position fixa um elemento na tela, independentemente da rolagem da página?

a)

static

b)

relative

c)

absolute

d)

fixed

16.

Um elemento com position: relative; é posicionado em relação a:

a)

O elemento .

b)

O canto superior esquerdo da janela do navegador.

c)

Seu ancestral posicionado mais próximo.

d)

Sua posição original no fluxo normal do documento.

17.

Qual a principal diferença funcional entre margin e padding?

a)

margin afeta a largura, padding afeta a altura.

b)

margin é o espaço externo, padding é o espaço interno.

c)

margin só aceita pixels, padding aceita porcentagens.

d)

Não há diferença funcional significativa.

18.

A propriedade float: left; em uma imagem geralmente faz com que:

a)

A imagem desapareça.

b)

O texto ao redor da imagem a contorne pelo lado direito.

c)

A imagem fique centralizada horizontalmente.

d)

A imagem fique fixa no canto esquerdo da tela.

19.

Para garantir que um elemento (

, por exemplo) apareça abaixo de quaisquer elementos que estejam flutuando (float) acima dele (sejam left ou right), qual propriedade CSS é comumente usada?

a)

float: none;

b)

position: static;

c)

clear: both;

d)

display: block;

20.

Qual valor da propriedade display é fundamental para habilitar o layout Flexbox para os elementos filhos diretos?

a)

grid

b)

block

c)

inline-flex

d)

flex