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

Limpar Busca

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

O setor de TI da SEMCONGER está desenvolvendo uma interface web interativa para consulta de relatórios fiscais. Para isso, os programadores precisam garantir responsividade e usabilidade da aplicação, utilizando HTML, CSS e JavaScript. A equipe de desenvolvimento discutiu diferentes abordagens para melhorar o desempenho da interface, levantar requisitos e otimizar a manipulação do DOM; analise-as. 

I. O JavaScript permite manipular dinamicamente os elementos HTML por meio da API Document Object Model (DOM).

II. No CSS, a propriedade display: inline-block; pode ser utilizada para criar elementos alinháveis horizontalmente sem ocupar toda a largura disponível.

III. O DHTML é um conjunto de tecnologias que inclui HTML, CSS e JavaScript para criar páginas dinâmicas e interativas.

IV. O AJAX permite que páginas web façam requisições assíncronas ao servidor, evitando recarregamentos completos.
V. A tag <script> no HTML deve ser sempre posicionada dentro do <head> para garantir que os scripts sejam carregados antes da renderização da página.

Está correto o que se afirma apenas em

  • A I, II e IV.
  • B I, III e IV.
  • C II, III e V.
  • D I, II, III e IV.

O desenvolvedor da SEMCONGER precisa criar uma página dinâmica utilizando HTML, CSS e JavaScript para um sistema interno de gerenciamento de contratos. Ele deseja utilizar CSS para definir o layout responsivo e JavaScript para interatividade. A seguir está um trecho do código HTML com CSS embutido:

<!DOCTYPE html> <html lang="pt-br"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Contratos</title>    <style>        .container {          display: ___________;          justify-content: center;          align-items: center;          height: 100vh;       }     </style> </head> <body>  <div class="container">          <h1>Gerenciamento de Contratos</h1>    </div> </body> </html>


Assinale a alternativa que preenche corretamente a lacuna no código CSS, para que o div.container centralize o conteúdo tanto na horizontal quanto na vertical.

  • A flex
  • B grid
  • C block
  • D inline-block

Em uma aplicação que utiliza CSS-in-JS com styled-components, qual abordagem é mais adequada para implementar temas dinâmicos?

  • A Usar variáveis CSS globais
  • B Implementar ThemeProvider com contexto React
  • C Definir estilos inline
  • D Criar múltiplos arquivos CSS
  • E Aplicar classes CSS diretamente no JSX

Um pesquisador da Universidade Federal de Roraima (UFRR) esta desenvolvendo um software que utiliza cores especificas para ajudar na concentração dos alunos durante os estudos. Estudos em psicologia das cores sugerem que o azul pode ajudar a criar um ambiente propicio para o foco e a produtividade. Essa cor é considerada tranquilizadora e pode reduzir a ansiedade, permitindo que as pessoas se sintam mais relaxadas e, assim, mais concentradas em suas tarefas.

Uma tonalidade da cor azul, utilizada nos códigos é representada em binário da seguinte forma: 

00011110 10010000 11111111

Para que o software funcione corretamente, é necessário converter essa representação binária para o formato hexadecimal.

Qual é o código hexadecimal correspondente a cor em questão?

  • A #2A8FFC.
  • B #1E9OFF.
  • C #1C80FF.
  • D #OE9OFF.
  • E #3D9FFF