2TDS - Programação Frontend - Aula 46

Qual é a principal diferença entre "padding" e "margin" em CSS?

• Padding adiciona espaço fora da borda do elemento, enquanto margin adiciona espaço dentro da borda.

• Padding adiciona espaço dentro da borda do elemento, enquanto margin adiciona espaço fora da borda.

• Ambos adicionam espaço apenas dentro do conteúdo do elemento.

• Ambos são usados apenas para definir a largura do elemento.

Qual das seguintes unidades NÃO é comumente usada para definir espaçamentos em CSS?

• px

• em

• kg

• %

No modelo de caixa do CSS, qual é a ordem correta das camadas de dentro para fora?

• Margin, Border, Padding, Content

• Content, Padding, Border, Margin

• Border, Margin, Padding, Content

• Padding, Content, Border, Margin

Qual propriedade CSS é usada para definir a largura da borda de um elemento?

• border-width

• border-style

• border-color

• border-radius

Para tornar um layout responsivo, qual unidade é mais recomendada para definir margens e paddings?

• px

• em

• %

• cm

Qual das opções abaixo representa uma boa prática ao criar layouts com CSS?

• Usar apenas valores fixos em pixels para todos os elementos.

• Utilizar unidades relativas e media queries para adaptar o layout a diferentes dispositivos.

• Definir margens negativas em todos os elementos.

• Evitar o uso de padding para não aumentar o tamanho do elemento.

O que acontece se você definir um "margin-top" de 20px e um "margin-bottom" de 30px em um elemento?

• O elemento terá 50px de espaço acima dele.

• O elemento terá 20px de espaço acima e 30px abaixo.

• O elemento terá 30px de espaço acima e 20px abaixo.

• O elemento terá 50px de espaço abaixo dele.

Qual valor de "box-sizing" faz com que o padding e a borda sejam incluídos na largura total do elemento?

• content-box

• border-box

• padding-box

• margin-box

Qual das seguintes propriedades pode ser usada para criar um espaçamento interno de 10px em todos os lados de um elemento?

• margin: 10px;

• padding: 10px;

• border: 10px;

• spacing: 10px;

Ao criar um layout flexível, qual propriedade pode ser usada para distribuir o espaço entre os itens de um container flex?

• align-items

• justify-content

• float

• display