O modelo de caixa CSS é usado para definir o design e o layout dos elementos do CSS.

Os elementos são:

• Margin - Remove a área ao redor da borda. É transparente.
• Border - Representa a área ao redor do preenchimento
• Padding - Remove a área ao redor do conteúdo. É transparente.
• Content - representa o conteúdo como texto, imagens etc.

2) O que é a propriedade float do CSS?

• A propriedade float do CSS é usada para mover a imagem para a direita ou para a esquerda, junto com os textos a serem agrupados em torno dela. Não altera a pro-priedade dos elementos usados antes dela.
• Para entender seu propósito e origem, vamos dar uma olhada em sua exibição de impressão. No visor de impressão, uma imagem é colocada na página, de forma que o texto seja contornado conforme necessário.

3) Como restaurar o valor da propriedade padrão usando CSS?

Em suma, não há maneira fácil de restaurar os valores padrão para o que um navegador usa.

A opção mais próxima é usar o valor da propriedade 'initial', que restaura os valores CSS padrão, em vez dos estilos padrão do navegador.

4) Qual é o propósito do índice z e como ele é usado?

O z-index ajuda a especificar a ordem da pilha de elementos posicionados que podem se sobrepor uns aos outros. O valor padrão z-index é zero e pode assumir um número positivo ou negativo. Um elemento com um índice z mais alto é sempre empilhado acima do que um índice inferior. O Z-Index pode ter os seguintes valores:

• Auto: Define a ordem da pilha igual a seus pais.
• Number: Ordena a ordem da pilha.
• Initial: Define essa propriedade para seu valor padrão (0).
• Inherit: herda essa propriedade de seu elemento pai.

5) Qual é o objetivo da unidade de medição “px”?

px - define uma medida em pixels da tela.

Por exemplo:

p {preenchimento: 25px;}

6) Qual é o propósito da unidade de medição “vh”?

vh - 1% da altura da janela de visualização. Por exemplo: h2 {tamanho da fonte: 3.0vh; } 7) Qual é o propósito da unidade de medição “vw”?

vw - 1% da largura da janela de visualização.

Por exemplo:

h1 {tamanho da fonte: 5.9vw; }

8) Explique a diferença entre visibilidade: hidden e display: none?

• visibilidade: hidden, oculta o elemento, mas ocupa espaço e afeta o layout do documento.
• display: none, também oculta o elemento, mas não ocupa espaço. Isso não afetará o layout do documento.

9) O que você entende por W3C?

W3C significa World Wide Web Consortium. Sua finalidade é fornecer as informações da World Wide Web. Também desenvolve regras e diretrizes para a Web.

10) O que você entende por interpolação (tweening)?

É o processo de gerar quadros intermediários entre duas imagens. Dá a impressão de que a primeira imagem evoluiu suavemente para a segunda. É um método importante usado em todos os tipos de animações. Em CSS3, o módulo Transformações (matricial, transladar, girar, dimensionar) pode ser usado para alcançar a interpolação.

11) Qual é a diferença entre CSS2 e CSS3?

A principal diferença entre o CSS2 e o CSS3 é que o CSS3 é dividido em diferentes se-ções que também são conhecidas como módulos. Ao contrário do CSS2, os módulos CSS3 são suportados por muitos navegadores.

Além disso, o CSS3 contém novos Combinadores Gerais de Irmãos, os quais são respon-sáveis por combinar os elementos irmãos com os elementos dados.

12) Em quantos formatos você pode especificar uma cor CSS?

Você pode especificar seus valores de cor em vários formatos. A tabela a seguir lista todos os formatos possíveis:

13) Quais são as cores seguras do navegador?

Existe a lista de 216 cores que supostamente são as cores mais seguras e independentes do computador. Essas cores variam do código hexa 000000 até FFFFFF. Essas cores são seguras de usar, pois garantem que todos os computadores exibam as cores corretamente ao executar uma paleta de 256 cores.

14) Qual propriedade é usada para definir a cor de fundo de um elemento?

A propriedade background-color é usada para definir a cor de fundo de um elemento.

15) Qual propriedade é usada para definir a imagem de fundo de um elemento?

A propriedade background-image é usada para definir a imagem de fundo de um elemento.

16) Qual propriedade é usada para controlar a repetição de uma imagem em segundo plano?

A propriedade background-repeat é usada para controlar a repetição de uma imagem no plano de fundo.

17) Qual propriedade é usada para controlar a posição de uma imagem em segundo plano?

A propriedade background-position é usada para controlar a posição de uma imagem em segundo plano.

18) Qual propriedade é usada para controlar a rolagem de uma imagem em segundo plano?

A propriedade de anexo de plano de fundo é usada para controlar a rolagem de uma imagem no plano de fundo.

19) Qual propriedade é usada como um atalho para especificar um número de outras propriedades de fundo?

A propriedade background é usada como um atalho para especificar um número de outras propriedades de fundo.

20) Qual propriedade é usada para alterar a face de uma fonte?

A propriedade font-family é usada para alterar a face de uma fonte.