CSS | HTML

QUIZ – CARD EM HTML/CSS

Porisabellabeatriz1603@gmail.com janeiro 22, 2025fevereiro 15, 2025

Name

O que a declaração 'z-index: 1;' faz em um elemento de um card?

Define a altura do elemento em relação ao container.

Ajusta a largura do elemento dentro do container.

Garante que o elemento apareça à frente de outros elementos com valores de z-index menores.

Centraliza o conteúdo do card.

None

Qual valor da propriedade 'background-size' é usado para garantir que a imagem de fundo cubra todo o elemento sem distorção, podendo cortar partes da imagem?

contain

cover

fit-content

stretch

None

Qual propriedade CSS é usada para aplicar uma borda arredondada ao redor de um card?

border-spacing

border-radius

outline

box-shadow

None

Qual código define corretamente a largura e a altura de um card como 300px e 200px, respectivamente?

width: 300px; height: 200px;

width: "300px"; height: "200px";

width = 300px; height = 200px;

width: auto; height: auto;

None

Qual propriedade CSS é usada para esconder conteúdo que excede as dimensões do card?

overflow: visible;

visibility: hidden;

overflow: hidden;

clip-path: none;

None

Qual propriedade CSS é usada para criar uma transição suave entre dois estados de um elemento, como ao mudar sua cor ou tamanho em um card?

transform

hover-effect

animation-delay

transition

None

Qual propriedade CSS centraliza os elementos filhos verticalmente dentro de um cartão?

justify-content

align-items

text-align

flex-direction

None

Qual declaração CSS impede que uma imagem de fundo se repita dentro de um card?

background-repeat: repeat-x;

background-position: center;

background-repeat: no-repeat;

background-size: contain;

None

O que a propriedade 'object-fit: cover;' faz em uma imagem dentro de um container?

Redimensiona a imagem para preencher o espaço, mantendo sua proporção original.

Distorce a imagem para caber no container.

Define uma borda ao redor da imagem.

Impede que a imagem ultrapasse os limites do container.

None

10.

Quando utilizamos 'position: relative' em um elemento, o que acontece?

Ele será posicionado em relação ao viewport.

Ele poderá ser posicionado em relação à sua posição normal.

Ele será fixado no topo da página.

Ele terá um posicionamento fixo no documento.

None

Time's up

Navegação de Post

Como fazer condições no Python?

Loop while em Python: aprenda a dominar com exercícios

Posts Similares

CSS

INTRODUÇÃO AO CSS

Porisabellabeatriz1603@gmail.com dezembro 22, 2024janeiro 22, 2025

Card Exemplo QUIZ#1 Clique no botão abaixo e inicie agora o quiz FUNDAMENTOS DO DESENVOLVIMENTO WEB CLIQUE AQUI Card Exemplo QUIZ#2 Clique no botão abaixo e inicie agora o quiz ELEMENTOS DO HTML E CSS CLIQUE AQUI Card Exemplo QUIZ#3 Clique no botão abaixo e inicie agora o quiz CARD EM HTML/CSS CLIQUE AQUI

Ler mais INTRODUÇÃO AO CSS

HTML

INTRODUÇÃO AO HTML

Porisabellabeatriz1603@gmail.com dezembro 22, 2024janeiro 17, 2025

Ler mais INTRODUÇÃO AO HTML

HTML

Introdução a HTML/CSS: criação de páginas Web

Porisabellabeatriz1603@gmail.com fevereiro 15, 2025fevereiro 19, 2025

Aprenda a usar HTML e CSS para criar páginas web. HTML é a linguagem de marcação com a qual você envolve o conteúdo, para instruir os navegadores sobre cabeçalhos, listas, tabelas, etc. CSS é a linguagem de estilos que você usa para estilizar a página, para instruir os navegadores a alterar a cor, a fonte,…

Ler mais Introdução a HTML/CSS: criação de páginas Web