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

Limpar Busca

Considere as seguintes afirmativas sobre o Design Responsivo:

I. O Bootstrap é um framework CSS que fornece diversos componentes prontos e estilizados para o uso com HTML, CSS e JS na criação de aplicações Web responsivas.
II. Os breakpoints ajudam a tornar sua página responsiva. Ao definir breakpoints, os desenvolvedores ajustam a apresentação do conteúdo para telas pequenas, médias ou grandes, garantindo que o site seja acessível/funcional em diferentes dispositivos.
III. As grades fluidas e baseadas em proporção, as imagens flexíveis e as media queries são alguns dos pilares do design responsivo e permitem que as aplicações Web se adaptem automaticamente a diferentes tamanhos de telas e dispositivos, como desktops, tablets e smartphones.
IV. O CSS Flexbox é mais adequado para layouts unidimensionais, para posicionar elementos em uma única linha ou coluna, enquanto o Grid Layout do CSS é mais adequado para layouts bidimensionais, para criar uma estrutura de grades com várias linhas e colunas.

Estão corretas

  • A apenas as afirmativas I e II.
  • B apenas as afirmativas III e IV.
  • C apenas as afirmativas I e IV.
  • D apenas as afirmativas I, II e III.
  • E todas as afirmativas.

Considere o seguinte trecho de código em HTML5+CSS3 construído por um desenvolvedor:

<!DOCTYPE html> <html> <head> <style> div.container > p { color: red; } .container p.highlight { color: blue; } p { color: green !important; } </style> </head> <body> <div class="container"> <p class="highlight">Texto de exemplo</p> </div> </body> </html>

Diante do exposto, assinale a alternativa que apresenta a cor final que será aplicada ao texto exibido na tela.

  • A Azul.
  • B Verde.
  • C Branco.
  • D Vermelho.

Considere o seguinte código:


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


Com base no código acima, assinale a alternativa correta.

  • A Apenas o link com a classe botao será estilizado pelo seletor a.botao
  • B Todos os links receberão o mesmo estilo, pois links são definidos com a tag <a>
  • C A classe botao só funciona se for aplicada em um botão real (<button>)
  • D O seletor está incorreto e deveria ser .a.botao
  • E Para aplicar estilos corretamente, o seletor deveria ser #botao

Considerando o código CSS3,


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


é correto afirmar que:

  • A display: flex define a direção dos flex itens que por padrão é column.
  • B flex-wrap: wrap é o valor que define que não é permitida a quebra de linha.
  • C display: flex torna o elemento um flex container, automaticamente transformando todos os seus filhos diretos em flex itens.
  • D flex-wrap é a propriedade que define se os itens devem quebrar ou não a linha; por padrão, há quebra de linha.
  • E display: flex torna o elemento flexível, automaticamente transformando o elemento em colunas, para evitar a sobreposição.

No desenvolvimento web, HTML, CSS e JavaScript desempenham funções essenciais e complementares na construção de interfaces digitais.

Considerando suas especificidades, qual das alternativas a seguir descreve corretamente as diferenças entre essas tecnologias?

  • A HTML estrutura semanticamente o conteúdo de uma página web, CSS define sua apresentação estética e JavaScript adiciona interatividade e comportamento dinâmico, proporcionando uma experiência mais rica ao usuário.
  • B HTML é uma linguagem de programação utilizada para criar páginas web, CSS é responsável exclusivamente pela responsividade e JavaScript é uma tecnologia voltada para o design gráfico.
  • C HTML define a interação do usuário com a página, CSS controla a lógica da aplicação e JavaScript estrutura o conteúdo textual e multimídia.
  • D HTML, CSS e JavaScript são linguagens de programação que atuam de maneira idêntica, sendo intercambiáveis no desenvolvimento de aplicações web.
  • E HTML e CSS são ferramentas visuais empregadas apenas para design, enquanto JavaScript é a única tecnologia capaz de estruturar, estilizar e interagir com elementos de uma página web.