Questões de Concurso sobre CSS

Analise o código abaixo:

Com base na especificação do W3C para o módulo Flexbox, qual será a disposição visual dos elementos, da esquerda para a direita, na tela do navegador?

Considere o seguinte código HTML5 e CSS3:

Com base no funcionamento dos seletores e da cascata de estilos em CSS3, assinale a alternativa que apresenta corretamente a formatação aplicada aos parágrafos.

Durante a reformulação do portal eletrônico de uma secretaria estadual, a equipe responsável pela interface decidiu reorganizar as folhas de estilo da aplicação para melhorar a manutenção do código e garantir maior consistência visual entre diferentes páginas do sistema. No processo de revisão, foram discutidos aspectos relacionados à forma de aplicação das regras CSS (Folhas de Estilo em Cascata), herança de estilos e prioridades na interpretação das declarações pelo navegador. Com base em conceitos fundamentais de CSS, analise as afirmativas a seguir:

I.O CSS pode ser aplicado a um documento HTML por meio de folhas de estilo externas, regras internas no elemento <style> ou diretamente em elementos HTML por meio do atributo style.

II.Em situações de conflito entre regras aplicáveis ao mesmo elemento, o CSS utiliza critérios de prioridade, considerando fatores como especificidade do seletor, origem da regra e ordem de declaração.

III.O mecanismo de herança em CSS permite que determinados elementos recebam automaticamente algumas propriedades definidas em elementos ancestrais, embora nem todas as propriedades sejam herdadas.

IV.O modelo de caixa (box model) em CSS descreve como os elementos são renderizados na página, incluindo componentes como conteúdo, preenchimento (padding), borda (border) e margem (margin).

V.No CSS, seletores de classe são identificados pelo símbolo #, enquanto seletores de identificação única são indicados pelo símbolo ..

Assinale a alternativa CORRETA:

Questão 18. O portal público de transparência de um consórcio intermunicipal passou por redesenvolvimento e a equipe responsável precisou definir as regras de estilo visual das páginas. Durante a implementação, surgiu um conflito entre declarações CSS provenientes de três regras distintas aplicadas ao mesmo elemento HTML: uma definida por seletor de elemento (p), outra por seletor de classe (.destaque) e uma terceira por seletor de ID (#titulo). Diante disso, assinale a alternativa que descreve CORRETAMENTE o comportamento do CSS nessa situação de conflito.

Considere o seguinte trecho de código HTML e CSS:

De acordo com as regras de especificidade do CSS3, qual será a cor do texto exibido no parágrafo?

É comum empregarmos media query para ajustar o tamanho da fonte de acordo com a largura da página, como o código a seguir:

Entretanto, existe uma função no CSS que permite definir um tamanho de fonte que aumenta com o tamanho do viewport, sendo limitado por um tamanho mínimo e um máximo. Tudo isso em uma única linha e sem uso de media query.

Assinale a opção que corresponde à função CSS descrita.

No componente Vue 3 a seguir, a diretiva v-if controla a renderização condicional dos elementos no DOM, de modo que apenas uma das mensagens será renderizada conforme o estado de logado.

Uma Secretaria Fazendária de um estado está desenvolvendo um novo painel web para que empresas consultem a situação de seus débitos tributários. Durante os testes, auditores notam que, ao carregar a página, a tabela que exibe os tributos aparece inicialmente desformatada, exibindo valores sobrepostos e colunas desalinhadas, mas após 1 segundo a aparência se corrige automaticamente. O desenvolvedor explica que está havendo Flash Of Unstyled Content (FOUC). Para corrigir o problema, garantindo que a tabela sempre apareça formatada desde o início, a solução mais adequada é

O desenvolvimento web moderno exige domínio das tecnologias HTML5 e CSS3, que trabalham de forma complementar para estruturar e estilizar páginas. Enquanto o HTML define a semântica e a estrutura do conteúdo, o CSS3 introduz recursos avançados de layout, como Flexbox e Grid, além de seletores sofisticados e propriedades de transformação e transição.

Considere o seguinte trecho de código:

Sobre o código apresentado, considerando o comportamento padrão dos navegadores modernos compatíveis com as especificações do W3C, assinale a afirmativa correta.

Considere o desenvolvimento de uma página web utilizando HTML (HyperText Markup Language), que é a linguagem padrão utilizada para estruturar o conteúdo de páginas na internet, em conjunto com CSS3 (Cascading Style Sheets, versão 3), que é a linguagem responsável pela definição de estilos, cores, layouts e formatação visual dos elementos de uma página. Em uma interface de navegação interna, o desenvolvedor precisa aplicar um estilo específico ao elemento que é exibido quando o usuário clica em um link que aponta para uma seção da própria página por meio de um identificador (por exemplo, #id). Esse comportamento permite destacar automaticamente a seção que foi selecionada pelo usuário durante a navegação. Nesse contexto, qual pseudoclasse do CSS3 deve ser utilizada?

No modelo de padrões web, a linguagem HTML é usada para estruturar o conteúdo; a linguagem CSS, para controlar estilo e layout; e o modelo de documento (DOM), combinado a scripts e Ajax, para apoiar interatividade em aplicações web.

Um desenvolvedor de páginas web criou um arquivo CSS para configurar as seguintes opções de estilo das suas páginas web:

• O texto do título da página vai ter caracteres com tamanho de 40 pixels e alinhamento à direita; e

• Os parágrafos e listas de itens vão ter letras com tamanho de 12 pixels, espaçamento vertical de 1,5 entre as linhas e espaço horizontal, entre as letras, de 1 pixel.

O formato CSS que atende a esses requisitos é:

Durante o desenvolvimento de uma página utilizando CSS3 (Cascading Style Sheets 3), um desenvolvedor precisa aplicar um estilo específico a um elemento HTML (HyperText Markup Language) que foi ativado por meio de um link de âncora presente na URL (Uniform Resource Locator), identificado por um fragmento como #secao1. Assim, quando o usuário acessa ou navega para esse fragmento, o elemento correspondente deve receber uma formatação diferenciada na página.

Considerando esse caso, qual pseudoclasse do CSS3 deve ser utilizada para estilizar o elemento que corresponde ao fragmento de identificador presente na URL?

No curso de desenvolvimento de um portal institucional, um analista precisou definir um espaçamento interno entre o conteúdo de um elemento HTML e as suas bordas, sem alterar o espaçamento externo em relação aos demais elementos da página.

Com base nessa situação hipotética, é correto afirmar que a propriedade CSS que deverá ser utilizada para essa finalidade denomina‑se

Considerando que, ao projetar o um portal sobre tecnologia educacional focado em cidadania digital, a equipe de desenvolvimento precise garantir que a interface seja intuitiva, acessível e visualmente coerente em diferentes dispositivos, assinale a opção que apresenta o papel técnico fundamental do CSS dentro da arquitetura de desenvolvimento front-end.

No contexto de testes de interface e design responsivo em aplicações web, dentro da área de Experiência do Usuário (UX), o termo responsividade refere-se à adaptação da interface a diferentes dispositivos e condições de exibição. Nesse contexto, é correto afirmar que responsividade refere-se a:

No desenvolvimento de páginas web, o CSS (Cascading Style Sheets) 3 disponibiliza diversas pseudoclasses que permitem selecionar elementos com base em estado, posição hierárquica ou interação do usuário. Considerando isso, analise as assertivas abaixo e julgue-as em Verdadeiras (V) ou Falsas (F):

( ) A pseudoclasse :checked seleciona elementos de formulário marcados, como checkboxes e botões do tipo radio.

( ) A pseudoclasse :only-child seleciona o último elemento filho de um elemento pai.

( ) A pseudoclasse :hover aplica estilos quando o cursor do mouse passa sobre um elemento.

( ) A pseudoclasse :required seleciona campos de formulário cujo preenchimento é opcional.

Qual alternativa preenche, CORRETAMENTE, de cima para baixo, os parênteses acima?

No MPRS, a equipe de desenvolvimento está criando um portal interno de fácil navegação para os membros da instituição. Ao acessar o portal, os usuários poderão navegar entre diversas seções, como “Documentos”, “Processos” e “Atividades”. Para melhorar a usabilidade e facilitar a navegação, a equipe de design deseja que, ao clicar em um link de navegação para uma seção específica, o título dessa seção seja visualmente destacado. O objetivo é chamar a atenção do usuário para a seção à qual ele foi redirecionado. A tarefa do técnico de informática será implementar a estilização correta, utilizando uma pseudoclasse do CSS3 (Cascading Style Sheets, version 3), para que o título da seção receba um destaque assim que o link relacionado for clicado. A pseudoclasse do CSS3 que o técnico deverá utilizar é

HTML, CSS e JavaScript são tecnologias fundamentais para o desenvolvimento front‑end, sendo o HTML responsável pela estrutura da página, o CSS pelo estilo visual e o JavaScript pela interação dinâmica.

Assinale a opção que corresponde ao seletor CSS que pode ser utilizado para selecionar todos os elementos <p> que são filhos diretos de <div>.