Questão de Tecnologia da Informação · FGV TJ-MS 2024 (nº 28)

No desenvolvimento web, o layout é a forma como os elementos (textos, imagens, botões) são organizados na tela. As técnicas modernas de CSS permitem organizar esses elementos de maneira eficiente e adaptável a diferentes tamanhos de tela, como em um aplicativo móvel.

(A) Incorreta: `floats` são usados para envolver texto ao redor de elementos e `positioning` para posicionar elementos de forma precisa, mas ambos são técnicas mais antigas e menos eficientes para criar layouts complexos e responsivos como os descritos.
(B) Incorreta: O `box model` descreve como as dimensões de um elemento são calculadas (conteúdo, preenchimento, borda, margem), não é uma técnica de layout para organizar múltiplos elementos na página.
(C) Incorreta: `floats` são técnicas antigas para layout. `Tables` (tabelas HTML) são para dados tabulares e seu uso para layout é considerado uma prática desatualizada e inflexível, especialmente para design responsivo.
(D) Incorreta: O `box model` não é uma técnica de layout. `floats` são uma técnica antiga e limitada para os requisitos modernos de layout.
(E) Correta: O CSS Grid é ideal para layouts bidimensionais (linhas e colunas), proporcionando um "alinhamento estruturado e ordenado" para a página como um todo. O Flexbox é perfeito para layouts unidimensionais (linha ou coluna), oferecendo "dinâmica e flexibilidade" para organizar e distribuir itens dentro de um contêiner, adaptando-se facilmente a diferentes conteúdos e tamanhos de tela, o que é crucial para aplicativos móveis. Juntos, eles formam as ferramentas mais poderosas e modernas para construir layouts responsivos e complexos.