Questões de CSS (Cascading Style Sheets) (Programação)

Limpar Busca

A equipe de desenvolvimento do Tribunal de Justiça do Estado do Maranhão, após reunião técnica dos gestores, decidiu pela utilização do ReactJS em um projeto. O motivo dessa decisão foi por entender que se trata de uma das bibliotecas de JavaScript mais populares para o desenvolvimento de aplicativos web ou até mesmo para dispositivos móveis. Esse projeto foi criado originalmente pelo Facebook, que, posteriormente, foi amplamente utilizado no mercado corporativo. Sobre o ReactJS, analise as afirmativas a seguir.


I. É possível a criação de componentes personalizados que permitem a combinação de tags HTML, CSS e JavaScript.
II. Para adicionar uma variável de estado é necessário importar addState do React no topo do arquivo.
III. O ciclo de vida de um effect consiste em montar, atualizar ou desmontar.


Está correto o que se afirma em

  • A I, II e III.
  • B I, apenas.
  • C I e II, apenas.
  • D II e III, apenas.

Ao configurar o design de uma página, Roberto usou o código CSS a seguir, em uma tag style, fazendo com que um menu de navegação lateral fique ao lado da área de conteúdo.

aside {float: left; width: 30%}
main {float: left; width: 70%}


O resultado em tablets e desktops foi bom, mas o acesso pelo celular apresentou alguns problemas de usabilidade, sendo mais adequado que o menu ficasse acima do conteúdo.
Para utilizar o design indicado em telas menores, garantindo a responsividade da página, Roberto acrescentou ao código CSS:

  • A @media screen and (max-width: 600px) { aside, main {width: 100%} } .
  • B @media screen and (max-width: 600px) { aside, main {width: 100%} }
  • C @media screen and (max-width: 600px) { aside, main {position: absolute} } .
  • D @media screen and (min-width: 768px) { aside, main {width: 100%} }
  • E @media (max-width: 480px) { aside, main {width: 50%} } .

Em relação às tecnologias WEB do CSS, analise as assertivas abaixo, assinalando V, se verdadeiras, ou F, se falsas.


( ) É uma linguagem complexa, mas bastante útil, usada para definir arquivos em uma linguagem de programação sem marcação.


( ) É um acrônimo para Cascading Style Sheet, termo em inglês que significa Folhas de Estilo Encadeadas.


( ) Trabalha sem efetuar a separação entre o formato e o conteúdo de um documento.


( ) Ajuda na confecção de documentos mais bem estruturados e fáceis de manter.


A ordem correta de preenchimento dos parênteses, de cima para baixo, é:

  • A V – F – F – V.
  • B V – V – F – F.
  • C V – F – V – F.
  • D F – V – F – V.
  • E F – F – V – V.

Em um projeto de web design moderno que explora as funcionalidades do HTML e CSS mais recentes, analise o trecho a seguir.


Imagem relacionada à questão do Questões Estratégicas




Assinale a descrição que melhor representa a aparência e a estrutura do trecho acima.

  • A Um artigo com fundo cinza claro e conteúdo centralizado. Sombra sutil ao redor do artigo, parágrafos em tamanho regular ou data de publicação em itálico centralizada no rodapé, conforme o código não define esses elementos ou estilos.
  • B O artigo com texto alinhado à esquerda, sem formatação especial além do texto em itálico para a data de publicação. Não há aplicação de sombras ou bordas arredondadas, conforme especificado no CSS3.
  • C O artigo apresenta interatividade com elementos que mudam ao passar do mouse, incluindo animações no título e parágrafos, apesar do código CSS3 fornecido não especificar tais efeitos.
  • D A visualização do artigo é inconsistente entre diferentes navegadores, destacando somente o título, com seções e rodapé potencialmente não renderizados devido a problemas de compatibilidade.
  • E A página mostra o artigo com formatação padrão do navegador, sugerindo que o arquivo CSS3 não foi corretamente vinculado ou carregado.
Assinale a alternativa correta em que as todas tecnologias citadas são utilizadas no desenvolvimento web:
  • A XML e PDF
  • B HTML, XML, CSS, DOC
  • C AJAX, Cloud Computing, .NET
  • D Javascript, JSFX, C+#
  • E ASP, JSP, PHP