“Aprenda CSS: Estruturas e Vantagens para o Desenvolvimento Web”
Tema: Por que usar CSS. Definições de CSS inline, interno e externo. Estrutura de CSS Grid básica de CSS
Etapa/Série: 3º ano – Ensino Médio
Disciplina: Formação Técnica e Profissional
Questões: 10
Prova de Formação Técnica e Profissional
Tema: Por que usar CSS, Definições de CSS inline, interno e externo, Estrutura de CSS Grid básica de CSS
—
Instruções:
- Leia atentamente cada questão.
- Assinale a alternativa que considera correta.
- Esta prova contém 10 questões do tipo múltipla escolha.
—
Questões:
1. Por que é fundamental utilizar CSS em projetos de desenvolvimento web?
– a) Para aumentar a quantidade de código HTML de um site.
– b) Para melhorar a semântica do código sem afetar a apresentação visual.
– c) Para criar um site responsivo e atrativo visualmente.
– d) Para reduzir o tempo de carregamento de um site.
2. Qual a principal diferença entre CSS inline e CSS externo?
– a) O CSS inline é aplicado em um arquivo separado, enquanto o CSS externo está diretamente na tag HTML.
– b) O CSS inline que é inserido dentro de uma tag HTML tem prioridade sobre o CSS externo.
– c) O CSS externo não pode ser utilizado em combinações com o CSS inline.
– d) Não existe diferença entre CSS inline e externo.
3. O que representa o código a seguir?
“`html
body {
background-color: lightblue;
}
“`
– a) CSS inline
– b) CSS externo
– c) CSS interno
– d) CSS não aplicado
4. Qual é a estrutura básica necessária para implementar CSS Grid em HTML?
– a) Usar a propriedade `grid-container` para estabelecer um contêiner grid.
– b) Definir o grid apenas utilizando CSS inline.
– c) Necessariamente criar uma folha de estilo CSS externa.
– d) Integrar todas as propriedades CSS dentro da tag “.
5. Qual das seguintes afirmações é verdadeira sobre CSS Grid?
– a) CSS Grid não se adapta em layouts de página responsivos.
– b) CSS Grid pode manipular tanto linhas quanto colunas de um layout.
– c) É necessário usar apenas `flexbox` na construção de grids.
– d) CSS Grid é uma propriedade CSS que não pode ser combinada com outras.
6. Para que serve a propriedade `grid-template-areas` em CSS Grid?
– a) Para definir qual cor de fundo será aplicada ao grid.
– b) Para criar um layout de grelha visualmente organizado através de áreas nomeadas.
– c) Para estabelecer o número total de colunas que um grid deve ter.
– d) Para alterar a cor das linhas do grid.
7. Um desenvolvedor deseja que um efeito estilístico seja aplicado apenas a um único parágrafo em uma página. Qual método de CSS seria o mais apropriado?
– a) CSS interno
– b) CSS externo
– c) CSS inline
– d) Nenhuma das alternativas anteriores.
8. Qual a vantagem de manter um CSS externo separado do HTML?
– a) Facilita a leitura e manutenção do código, permitindo reutilização em várias páginas.
– b) Aumenta a complexidade da implementação do site.
– c) Necessita de mais espaço em disco.
– d) Torna o site mais lento em seu carregamento.
9. Praticamente, por que um desenvolvedor web deveria usar CSS, ao invés de depender apenas do HTML para a formatação do site?
– a) CSS é mais fácil para iniciantes do que HTML.
– b) HTML só se preocupa com o conteúdo, enquanto CSS permite separar a apresentação do conteúdo, tornando-o mais flexível.
– c) HTML não pode ser utilizado para definir cores.
– d) Não existe vantagem prática; HTML é suficiente.
10. Considere a seguinte linha de código CSS. Qual é o efeito visual esperado?
“`css
.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
“`
– a) O contêiner terá uma única coluna e muitas linhas.
– b) O contêiner terá três colunas de tamanhos iguais.
– c) O contêiner terá mais de três colunas, dependendo do tamanho da tela.
– d) O contêiner não será visualizado na página.
—
Gabarito Detalhado
1. c) Para criar um site responsivo e atrativo visualmente.
– Alternativa correta pois a principal função do CSS é tratar a apresentação visual, permitindo que desenvolvedores melhorem a estética e a usabilidade dos sites.
2. b) O CSS inline que é inserido dentro de uma tag HTML tem prioridade sobre o CSS externo.
– CSS inline tem maior precedência, permitindo sobrepor estilos de folhas externas.
3. c) CSS interno
– O código fornecido está dentro de uma tag `
` e se refere a um estilo aplicável ao HTML na mesma página.
4. a) Usar a propriedade `grid-container` para estabelecer um contêiner grid.
– Um contêiner grid é essencial para iniciar a construção de um layout com CSS Grid.
5. b) CSS Grid pode manipular tanto linhas quanto colunas de um layout.
– CSS Grid é projetado para lidar com a disposição de linhas e colunas de forma flexível.
6. b) Para criar um layout de grelha visualmente organizado através de áreas nomeadas.
– `grid-template-areas` é utilizada para organizar o layout em áreas com nomes específicos.
7. c) CSS inline
– CSS inline é mais adequado para aplicar estilos a um único elemento, sem necessidade de criar classes ou IDs.
8. a) Facilita a leitura e manutenção do código, permitindo reutilização em várias páginas.
– CSS externo oferece uma gestão centralizada dos estilos, promovendo práticas eficientes de desenvolvimento.
9. b) HTML só se preocupa com o conteúdo, enquanto CSS permite separar a apresentação do conteúdo, tornando-o mais flexível.
– CSS permite um controle visual que HTML não pode proporcionar, fundamental para o design de sites.
10. b) O contêiner terá três colunas de tamanhos iguais.
– A propriedade `repeat(3, 1fr)` configura o layout para ter três colunas com largura igual, dividindo igualmente o espaço disponível.
—
Utilize esse gabarito como base de estudo para reforçar os conceitos abordados na prova. Boa sorte!
