Questões de Programação - CSS (Cascading Style Sheets) para Concurso - Página 2

Q4063104

Ano: 2026 Banca: Instituto Access Órgão: UFFS Prova: Instituto Access - 2026 - UFFS - Técnico de Tecnologia da Informação |

Q4063104 Programação

Durante o desenvolvimento de um portal institucional, a equipe técnica decidiu reorganizar a aplicação web para melhorar a manutenção do código e reduzir a dependência entre componentes. Para isso, adotou-se uma abordagem em que:

- A estrutura do conteúdo das páginas é definida separadamente;
- A apresentação visual é controlada por folhas de estilo reutilizáveis;
- As interações com o usuário, como validações e manipulação dinâmica de elementos da página, são executadas no navegador.

Essa organização segue práticas amplamente utilizadas no desenvolvimento web moderno para favorecer separação de responsabilidades e maior flexibilidade na evolução da aplicação.
Com base nesse cenário, assinale a alternativa CORRETA:

A

A estrutura semântica da página é definida em HTML, a apresentação visual é controlada por CSS e comportamentos dinâmicos no navegador podem ser implementados com JavaScript.

B

JavaScript é responsável pela criação da estrutura básica do documento, enquanto HTML define regras de estilo e CSS executa validações de dados.

C

HTML e CSS exercem a mesma função na aplicação web, diferenciando-se apenas pelo tipo de navegador que interpreta cada um deles.

D

O HTML é utilizado exclusivamente para definir o estilo visual das páginas, enquanto CSS controla a estrutura do documento e JavaScript é responsável apenas pelo armazenamento de dados.

E

CSS é empregado para estruturar o conteúdo da página, enquanto HTML executa scripts e JavaScript é usado apenas para configurar servidores web.

Incorreta. Gabarito oficial da banca:

Compare seu desempenho com quem faz o mesmo concurso. Ver concorrência

Parabéns! Você acertou!

Compare seu desempenho com quem faz o mesmo concurso. Ver concorrência

Q4063096

Ano: 2026 Banca: Instituto Access Órgão: UFFS Prova: Instituto Access - 2026 - UFFS - Técnico de Tecnologia da Informação |

Q4063096 Programação

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:

A

As afirmativas I, II, III, IV e V são verdadeiras.

B

Apenas as afirmativas I, II, III e IV são verdadeiras.

C

Apenas as afirmativas I, II e III são verdadeiras.

D

Apenas as afirmativas I, III e V são verdadeiras.

E

Apenas as afirmativas II, IV e V são verdadeiras.

Incorreta. Gabarito oficial da banca:

Esse erro também aparece no seu Resumão. Veja o que melhorar

Parabéns! Você acertou!

Esse acerto está no seu Resumão. Ver Resumão da semana

Q4041500

Ano: 2026 Banca: UERJ Órgão: UERJ Prova: UERJ - 2026 - UERJ - Analista de Tecnologia da Informação/Sistemas de Informação |

Q4041500 Programação

Um desenvolvedor está utilizando o Bootstrap 3 para estilizar uma tabela HTML que apresenta dados de estoque. Ele deseja que a tabela utilize a estilização básica do Bootstrap, possua linhas mais compactas, com altura reduzida, e permita indicar visualmente uma linha com status de alerta. Com base nas classes de estilização de tabelas do Bootstrap 3, a ação que resultará em um estilo visual que atenda à definição apresentada é:

A

utilizar apenas a classe table-condensed no elemento <tr> e a classe alert no <table> para indicar uma linha em estado de alerta

B

declarar as classes table e warning no elemento <table> para reduzir a altura das linhas e destacar automaticamente a linha de alerta

C

aplicar a classe table-hover no elemento <table> e a classe alert-warning no elemento <tr> para obter linhas compactas e destacar alertas

D

utilizar as classes table e table-condensed no elemento <table> e aplicar a classe warning no elemento <tr> correspondente à linha de alerta

Incorreta. Gabarito oficial da banca:

Veja como esse erro impacta seu desempenho geral. Ver estatísticas

Parabéns! Você acertou!

Esse acerto melhora seu desempenho! Veja suas estatísticas

Q4029535

Ano: 2026 Banca: FUNDATEC Órgão: IFC-SC Prova: FUNDATEC - 2026 - IFC-SC - Professor EBTT - Informática: Programação Básica e Programação Web |

Q4029535 Programação

Analise o código abaixo:

Imagem associada para resolução da questão

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?

A

Conteúdo Principal (vermelho), Topo, Lateral.

B

Conteúdo Principal (vermelho), Lateral, Topo.

C

Topo, Conteúdo Principal (vermelho), Lateral.

D

Lateral, Topo, Conteúdo Principal (vermelho).

E

Lateral, Conteúdo Principal (vermelho), Topo.

Incorreta. Gabarito oficial da banca:

Veja esse conteúdo explicado passo a passo em nossos cursos. Buscar curso

Parabéns! Você acertou!

Mandou bem! Revise esse tema nos nossos cursos. Buscar curso

Q4029420

Ano: 2026 Banca: FUNDATEC Órgão: IFC-SC Prova: FUNDATEC - 2026 - IFC-SC - Professor EBTT - Informática: Linguagens de Programação |

Q4029420 Programação

Considere o seguinte código HTML5 e CSS3:

Imagem associada para resolução da questão

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.

A

Primeiro: azul; Segundo: vermelho; Terceiro: vermelho.

B

Primeiro: azul e negrito; Segundo: vermelho; Terceiro: azul.

C

Primeiro: vermelho; Segundo: vermelho; Terceiro: vermelho.

D

Primeiro: vermelho e negrito; Segundo: vermelho; Terceiro: azul.

E

Primeiro: sem formatação; Segundo: sem formatação; Terceiro: azul.

Incorreta. Gabarito oficial da banca:

Compare seu desempenho com quem faz o mesmo concurso. Ver concorrência

Parabéns! Você acertou!

Compare seu desempenho com quem faz o mesmo concurso. Ver concorrência

Q3976380

Ano: 2026 Banca: SELECON Órgão: EMGEPRON Prova: SELECON - 2026 - EMGEPRON - Analista de Sistemas (Desenvolvimento de Sistemas) |

Q3976380 Programação

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 é:

A

Imagem associada para resolução da questão

B

C

D

Incorreta. Gabarito oficial da banca:

Esse erro também aparece no seu Resumão. Veja o que melhorar

Parabéns! Você acertou!

Esse acerto está no seu Resumão. Ver Resumão da semana

Q3953485

Ano: 2026 Banca: COPEVE-UFAL Órgão: IFAL Prova: COPEVE-UFAL - 2026 - IFAL - Professor EBTT - Informática |

Q3953485 Programação

No desenvolvimento front-end, a separação entre conteúdo e apresentação é um princípio fundamental. Enquanto o HTML estrutura os elementos da página, o CSS gerencia a identidade visual, permitindo que o desenvolvedor aplique estilos a grupos específicos de elementos de forma centralizada e eficiente, garantindo a consistência estética do projeto Web.

Um desenvolvedor deseja padronizar todos os parágrafos de um portal de notícias para que o texto seja exibido na cor azul. Considerando as regras de sintaxe e os seletores padrão do CSS3, assinale a alternativa que apresenta a instrução correta para realizar essa formatação em todos os elementos <p> do documento.

A

p { color: blue; }

B

.p { color: blue; }

C

p { text-color: blue; }

D

#p { font-color: blue; }

E

<p> { text-color: blue; }

Incorreta. Gabarito oficial da banca:

Errou um tema comum da banca? Veja o que mais costuma cair no Raio-X. Ver raio-X

Parabéns! Você acertou!

Essa questão segue o padrão da banca! Veja o que mais costuma cair. Ver raio-X

Q3846202

Ano: 2026 Banca: Unesc Órgão: Prefeitura de Meleiro - SC Prova: Unesc - 2026 - Prefeitura de Meleiro - SC - Professor de Computação |

Q3846202 Programação

No desenvolvimento front-end moderno, a compreensão do modelo de caixa (Box Model) do CSS (Cascading Style Sheets) é essencial para o controle preciso do layout e dimensionamento dos elementos na página. Assinale a alternativa correta sobre o comportamento da propriedade box-sizing com o valor border-box.

A

Define que a largura e altura do elemento aplicam-se apenas ao conteúdo, somando-se a elas o preenchimento e a borda para obter o tamanho final ocupado.

B

Força o elemento a ocupar sempre 100% da largura da janela do navegador, independentemente do valor definido em pixels.

C

Remove todas as bordas e preenchimentos do elemento, tornando-o transparente e sem espessura visual na renderização.

D

É uma propriedade obsoleta do CSS2 que foi substituída pelo uso exclusivo de flex-grow no CSS3.

E

Altera o cálculo das dimensões do elemento, fazendo com que a largura (width) e altura (height) definidas incluam o preenchimento (padding) e a borda (border), evitando que o elemento cresça além do especificado.

Incorreta. Gabarito oficial da banca:

Compare seu desempenho com quem faz o mesmo concurso. Ver concorrência

Parabéns! Você acertou!

Compare seu desempenho com quem faz o mesmo concurso. Ver concorrência

Q4261642

Ano: 2025 Banca: Fundação FAPEC Órgão: UFGD Prova: Fundação FAPEC - 2025 - UFGD - Analista de Tecnologia da Informação / Área: Desenvolvimento e Sustentação de Software |

Q4261642 Programação

Considere o seguinte código HTML:

Imagem associada para resolução da questão

Qual seletor CSS abaixo seleciona elementos <p> com a classe highlight que são filhos diretos de um <div> com a classe container?

A

div.container p.highlight.

B

div.container > p.highlight.

C

div.container child(p.highlight).

D

div.container.p.highlight.

E

div.container + p.highlight.

Incorreta. Gabarito oficial da banca:

Salve essa questão em um caderno para revisar depois. Adicionar a um caderno

Parabéns! Você acertou!

Mantenha o ritmo! Salve no caderno para revisar depois. Adicionar a um caderno

Q4240739

Ano: 2025 Banca: Quadrix Órgão: CRM-ES Prova: Quadrix - 2025 - CRM-ES - Analista de Tecnologia da Informação |

Q4240739 Programação

Considere‑se o código a seguir. Imagem associada para resolução da questão

Com base no código descrito, assinale a opção que apresenta o conteúdo do arquivo styles.css que, quando aplicado à div cuja classe é container‑pai, fará com que a div filha que não tem largura definida seja centralizada horizontalmente.

A

.container‑pai{

margin: auto;
}

B

.container‑pai{
text‑align: center;
}

C

.container‑pai{

position: absolute;

left: 50%
}

D

.container‑pai{
display: flex;
justify‑content: center;
}

E

.container‑pai{

align‑items: center;

}

Incorreta. Gabarito oficial da banca:

Veja esse conteúdo explicado passo a passo em nossos cursos. Buscar curso

Parabéns! Você acertou!

Mandou bem! Revise esse tema nos nossos cursos. Buscar curso

Q4159920

Ano: 2025 Banca: INSTITUTO AOCP Órgão: SEDUC-RS Prova: INSTITUTO AOCP - 2025 - SEDUC-RS - Professor - Informática |

Q4159920 Programação

No desenvolvimento web, o HTML (HyperText Markup Language) é responsável pela estrutura do conteúdo, enquanto o CSS (Cascading Style Sheets) define a apresentação e o estilo dos elementos. Entre os seletores avançados do CSS, há o :link. Nesse sentido, qual é a função do seletor :last-child?

A

Seleciona o primeiro link dentro de um elemento pai.

B

Aplica estilo a um link enquanto o cursor do mouse está sobre ele.

C

Aplica estilos a qualquer elemento que esteja sendo clicado no momento.

D

Seleciona links que ainda não foram visitados.

E

Seleciona links que já foram visitados pelo usuário.

Q4094006

Ano: 2025 Banca: INSTITUTO AOCP Órgão: UFABC Prova: INSTITUTO AOCP - 2025 - UFABC - Técnico de Tecnologia da Informação |

Q4094006 Programação

Um Técnico de Tecnologia da Informação da UFABC está desenvolvendo um sistema web para exibição de vídeos educacionais e multimídia. Ele precisa que determinados elementos, como vídeos ou painéis interativos, tenham estilos específicos quando estiverem em modo de tela cheia, garantindo melhor experiência de navegação e acessibilidade para os usuários. Considerando o uso de CSS3 (Cascading Style Sheets, versão 3), qual pseudoclasse deve ser utilizada para essa necessidade do técnico?

A

:hover

B

:active

C

:fullscreen

D

:focus

E

:checked

Incorreta. Gabarito oficial da banca:

Salve essa questão em um caderno para revisar depois. Adicionar a um caderno

Parabéns! Você acertou!

Mantenha o ritmo! Salve no caderno para revisar depois. Adicionar a um caderno

Q3797331

Ano: 2025 Banca: FUNDATEC Órgão: Prefeitura de Imbé - RS Prova: FUNDATEC - 2025 - Prefeitura de Imbé - RS - Técnico em informática |

Q3797331 Programação

Analise o trecho de código apresentado abaixo:

body { background-color: blue; } p { font-family: verdana; font-size: 12px; }

Qual foi a linguagem utilizada nesse trecho?

A

CSS.

B

XML.

C

PHP.

D

ASP.

E

SQL.

Incorreta. Gabarito oficial da banca:

Veja esse conteúdo explicado passo a passo em nossos cursos. Buscar curso

Parabéns! Você acertou!

Mandou bem! Revise esse tema nos nossos cursos. Buscar curso

Q3781135

Ano: 2025 Banca: FGV Órgão: CGE-SP Prova: FGV - 2025 - CGE-SP - Auditor Estadual de Controle - Tecnologia da Informação - tarde |

Q3781135 Programação

Ao estilizar um website responsivo, o desenvolvedor precisa de flexibilidade no layout, garantindo que o cabeçalho (<header> ) ocupe toda a largura disponível e que seus itens internos (logotipo, menu e barra de busca) sejam distribuídos horizontalmente com espaçamento igual entre eles. Além disso, o logotipo deve permanecer fixo no canto esquerdo, enquanto o menu e a barra de busca devem se alinhar à direita, ocupando o espaço restante.

Assinale a opção que indica a combinação de propriedades CSS mais adequada para alcançar a distribuição horizontal flexível e o espaçamento igual dentro do <header> , e o valor da propriedade que deve ser aplicado ao item de menu ou barra de busca para que ele ocupe todo o espaço intermediário, empurrando o restante dos elementos para a direita.

A

display: grid no <header>; grid-template-areas no elemento que ocupa o espaço.

B

display: flex no <header>; align-items: center no elemento que ocupa o espaço.

C

display: flex no <header>; margin-right: auto aplicado ao elemento que deve empurrar o restante.

D

display: flex no <header>; flex-grow: 1 aplicado ao elemento que deve ocupar o espaço intermediário.

E

display: block no <header>; float: right aplicado ao elemento que ocupa o espaço.

Incorreta. Gabarito oficial da banca:

Veja como esse erro impacta seu desempenho geral. Ver estatísticas

Parabéns! Você acertou!

Esse acerto melhora seu desempenho! Veja suas estatísticas

Q3777169

Ano: 2025 Banca: FGV Órgão: AL-AM Prova: FGV - 2025 - AL-AM - Analista Legislativo - Analista de Sistema |

Q3777169 Programação

O Analista de Sistemas deseja que o tamanho da fonte e o espaçamento de um elemento de navegação se ajustem de forma relativa ao tamanho do viewport, e não de forma fixa.
A seguinte unidade de medida CSS deve ser utilizada para que o tamanho de um elemento seja relativo ao tamanho da viewport, sendo importante para um design fluido e responsivo

A

px (Pixels).

B

em (Relativo ao tamanho da fonte do elemento pai).

C

rem (Relativo ao tamanho da fonte da raiz, root).

D

% (Porcentagem, relativo ao elemento pai).

E

vw (Largura da viewport)

Incorreta. Gabarito oficial da banca:

Errou um tema comum da banca? Veja o que mais costuma cair no Raio-X. Ver raio-X

Parabéns! Você acertou!

Essa questão segue o padrão da banca! Veja o que mais costuma cair. Ver raio-X

Q3777166

Ano: 2025 Banca: FGV Órgão: AL-AM Prova: FGV - 2025 - AL-AM - Analista Legislativo - Analista de Sistema |

Q3777166 Programação

O Analista de Sistemas encontra um conflito de estilos em um elemento HTML que deveria estar com a cor azul, mas está com a cor vermelha. O CSS da página tem as seguintes regras aplicadas ao mesmo elemento:

1. div#identificador-principal { color: blue; } 2. .classe-alvo { color: red; } 3. div { color: green !important; } 4. Estilo inline no HTML: <div style="color: purple;">

Assumindo que o elemento <div> possui a classe .classe-alvo e o id="identificador-principal", e que a regra inline é removida do HTML, assinale a opção que indica qual regra prevalecerá na determinação da cor e por quê

A

Regra 3 (color: green !important;), devido à palavra-chave !important

B

Regra 1 (color: blue;), devido à alta especificidade do seletor ID.

C

Regra 2 (color: red;), devido à ordem no CSS (última regra ganha).

D

Regra inline (se estivesse lá), pois tem a maior precedência.

E

Regra 2 (color: red;), pois seletores de classe sempre ganham de seletores ID.

Incorreta. Gabarito oficial da banca:

Veja como esse erro impacta seu desempenho geral. Ver estatísticas

Parabéns! Você acertou!

Esse acerto melhora seu desempenho! Veja suas estatísticas

Q3777165

Ano: 2025 Banca: FGV Órgão: AL-AM Prova: FGV - 2025 - AL-AM - Analista Legislativo - Analista de Sistema |

Q3777165 Programação

Ao projetar uma página responsiva utilizando a abordagem Mobile First, o Analista de Sistemas deve garantir que o estilo base (móvel) seja definido primeiro e, posteriormente, as regras para telas maiores sejam aplicadas.
Das estruturas Media Query abaixo, a que está sintaticamente correta e é tipicamente usada para aplicar estilos específicos para telas maiores que 768px em um projeto Mobile First é a

A

@media screen and (max-width: 768px) { ... }

B

@media screen and (min-width: 768px) { ... }

C

@media screen and (orientation: landscape) { ... }

D

@media screen, print and (width: 768px) { ... }

E

@media screen and (resolution: 2x) { ... }

Incorreta. Gabarito oficial da banca:

Salve essa questão em um caderno para revisar depois. Adicionar a um caderno

Parabéns! Você acertou!

Mantenha o ritmo! Salve no caderno para revisar depois. Adicionar a um caderno

Q3723322

Ano: 2025 Banca: IDECAN Órgão: IF-PA Prova: IDECAN - 2025 - IF-PA - Professor - Informática |

Q3723322 Programação

Durante o desenvolvimento de uma interface web responsiva, um desenvolvedor precisou aplicar estilos que se adaptassem dinamicamente à orientação da tela do dispositivo (modo retrato ou paisagem), de forma a garantir uma apresentação adequada do conteúdo em diferentes contextos de visualização. Considerando os recursos da linguagem CSS, a técnica mais apropriada para lidar com esse requisito é:

A

a substituição de estilos inline por classes CSS genéricas aplicadas em tempo de execução via JavaScript puro.

B

a utilização exclusiva de unidades de medida absolutas como px e cm para controle preciso do layout.

C

a aplicação de seletores de descendência para modificar a hierarquia visual dos elementos com base na profundidade DOM.

D

a implementação de animações com @keyframes para ajustar dinamicamente a largura da tela com base na orientação.

E

a definição de media queries utilizando a regra @media com a propriedade orientation para aplicar estilos condicionais.

Incorreta. Gabarito oficial da banca:

Veja como esse erro impacta seu desempenho geral. Ver estatísticas

Parabéns! Você acertou!

Esse acerto melhora seu desempenho! Veja suas estatísticas

Q3712966

Ano: 2025 Banca: Instituto Darwin Órgão: CREA-PB Prova: Instituto Darwin - 2025 - CREA-PB - Analista de Sistema |

Q3712966 Programação

Durante a implementação de um layout responsivo, o analista identifica que o uso de float e margens fixas está dificultando o comportamento fluido em telas menores.
Considerando o estado atual das tecnologias CSS, qual abordagem representa a melhor prática moderna para resolver o problema sem comprometer a semântica?

A

Utilizar display: table para simular colunas responsivas.

B

Aplicar position: absolute nos elementos principais.

C

Fixar tamanhos em px para garantir alinhamento.

D

Empregar hacks com overflow: hidden para ajustar o layout.

E

Migrar o layout para flexbox ou grid, com media queries adequadas.

Incorreta. Gabarito oficial da banca:

Treine mais com um simulado focado no seu concurso. Criar simulado

Parabéns! Você acertou!

Está mandando bem! Treine mais em um simulado completo. Criar simulado

Q3692111

Ano: 2025 Banca: FUNCERN Órgão: IF-PE Prova: FUNCERN - 2025 - IF-PE - Técnico de Tecnologia da Informação |

Q3692111 Programação

No desenvolvimento web, considere os seguintes trechos de código HTML e CSS.

Trecho de Código em HTML
Q37_1.png (373×88)

Trecho de Código em CSS
Q37_2.png (261×76)

Com base nos trechos de código apresentados, é correto afirmar que

A

primeiro parágrafo: vermelho; segundo parágrafo: verde; terceiro parágrafo: azul.

B

primeiro parágrafo: azul; segundo parágrafo: verde; terceiro parágrafo: amarelo.

C

primeiro parágrafo: vermelho; segundo parágrafo: azul; terceiro parágrafo: amarelo.

D

todos os parágrafos: azuis, pois o seletor.container p é o mais específico dentre os apresentados.

E

primeiro parágrafo: amarelo; segundo parágrafo: verde; terceiro parágrafo: azul.

Incorreta. Gabarito oficial da banca:

Compare seu desempenho com quem faz o mesmo concurso. Ver concorrência

Parabéns! Você acertou!

Compare seu desempenho com quem faz o mesmo concurso. Ver concorrência

Questões de Concurso Sobre css (cascading style sheets) em programação

Foram encontradas 652 questões