Questão de Tecnologia da Informação · FGV ALEP 2024 (nº 42)

O Box Model CSS é como uma cebola para cada elemento HTML, com camadas que definem o espaço que ele ocupa na página: o conteúdo no centro, o espaçamento interno (padding), a linha da borda (border) e o espaçamento externo (margin).

(A) Incorreta: `height` e `width` definem o tamanho da área de `content`, mas não são camadas do Box Model em si. Faltam as camadas `content` e `margin`.
(B) Incorreta: Embora `width`, `border`, `padding` e `margin` sejam propriedades importantes, `width` não é uma das quatro camadas fundamentais do Box Model. A armadilha da banca aqui é incluir `width` (que define o tamanho do conteúdo) no lugar da camada `content` (o próprio conteúdo). O Box Model é sobre as camadas estruturais: conteúdo, preenchimento, borda e margem.
(C) Correta: O Box Model é composto por quatro partes fundamentais, de dentro para fora: o `content` (onde fica o conteúdo real do elemento), o `padding` (espaço entre o conteúdo e a borda), as `border`s (a linha que envolve o padding e o conteúdo) e as `margins` (o espaço transparente fora da borda, que separa o elemento de outros).
(D) Incorreta: `height` define o tamanho da área de `content`, mas não é uma camada do Box Model. Além disso, falta a camada `padding`.
(E) Incorreta: `height` e `width` definem o tamanho da área de `content`, mas não são camadas do Box Model. Faltam as camadas `padding` e `margin`.