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

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

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

Q3649040

Ano: 2025 Banca: UEM Órgão: UEM Prova: UEM - 2025 - UEM - Analista de Informática - Edital nº 175 |

Q3649040 Programação

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.

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

Q3635953

Ano: 2025 Banca: FUNDATEC Órgão: PROCERGS Prova: FUNDATEC - 2025 - PROCERGS - Analista em Computação / Ênfase em Programação de Sistemas na Tecnologia JAVA |

Q3635953 Programação

Flexbox ou CSS Flex Contêiner é um contêiner flexível em CSS cujo modelo de layout permite organizar os elementos de maneira flexível e eficiente. Com base na sintaxe de um contêiner flexível, qual é a propriedade e o valor que devem ser definidos?

A

display: flex

B

display: flexbox

C

display: flex-box

D

layout: flexbox

E

layout: flex-box

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

Q3635952

Ano: 2025 Banca: FUNDATEC Órgão: PROCERGS Prova: FUNDATEC - 2025 - PROCERGS - Analista em Computação / Ênfase em Programação de Sistemas na Tecnologia JAVA |

Q3635952 Programação

Em páginas HTML com estilização CSS, pode acontecer um problema conhecido como colapso de margem CSS. Sobre esse problema, analise as assertivas abaixo e assinale a alternativa correta.

I. Margens superior e inferior dos elementos podem ser reduzidas em uma única margem que igual à maior das duas margens.
II. Acontece exclusivamente nas margens superior e inferior.
III. Pode acontecer em valores de margem negativos.

A

Todas as assertivas estão corretas.

B

Todas as assertivas estão incorretas.

C

Apenas a assertiva III está correta.

D

Apenas as assertivas I e II estão corretas.

E

Apenas as assertivas II e III estão corretas.

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

Q3541187

Ano: 2025 Banca: INSTITUTO AOCP Órgão: IF-MS Prova: INSTITUTO AOCP - 2025 - IF-MS - Professor EBTT - Informática/Desenvolvimento WEB |

Q3541187 Programação

O IFMS está em processo de modernização de seu portal institucional, com foco na criação de uma interface mais interativa e responsiva para os alunos e professores. Como parte desse projeto, o time de Desenvolvimento Web foi responsável por melhorar o design da página de cursos, utilizando CSS3 para criar efeitos dinâmicos e melhorar a experiência do usuário. Durante o desenvolvimento, o time utilizou pseudoclasses do CSS3 para aplicar estilos em elementos de acordo com a interação do usuário. Um dos requisitos era alterar o estilo de elementos de listas de cursos, que não possuíssem subitens, para dar destaque àqueles que são mais simples e diretos.
Com base na situação exposta, assinale a alternativa que apresenta a pseudoclasse do CSS3 usada para estilizar elementos que não possuem filhos, incluindo nós de texto.

A

:empty

B

:required

C

:visited

D

:focus

E

:hover

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

Q3540435

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

Q3540435 Programação

As pseudoclasses, no contexto de Criação de Folhas de Estilo em Cascata (CSS – Cascading Style Sheets), são utilizadas para aplicar estilos específicos a elementos em determinadas condições ou estados. Elas permitem que a aparência de elementos seja alterada dinamicamente, dependendo de interações do usuário, como passar o mouse sobre o elemento, clicar nele ou quando ele recebe foco. Considerando essas interações, assinale a alternativa que apresenta a pseudoclasse do CSS responsável por aplicar um estilo quando o usuário passa o cursor sobre o elemento.

A

:disabled

B

:empty

C

:required

D

:hover

E

:checked

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

Q3538635

Ano: 2025 Banca: FCC Órgão: TRF - 4ª REGIÃO Prova: FCC - 2025 - TRF - 4ª REGIÃO - Técnico Judiciário - Área Apoio Especializado - Especialidade: Desenvolvimento de Sistema da Informação |

Q3538635 Programação

Em um site de uma organização construído com HTML e CSS, deseja-se aplicar um estilo especial a todos os links externos (com target=" blank") que não pertencem à classe patrocinado. O seletor CSS3 que atendea esse requisito é:

A

a[target="_blank"]:!(.patrocinado)

B

a [target="_blank"]:!([class="patrocinado"])

C

a[link{target="_blank"}]:not(.patrocinado)

D

a [target="_blank"]:not(.patrocinado)

E

a [target="_blank"]:not([class*=".patrocinado"])

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

Q3506470

Ano: 2025 Banca: FCC Órgão: SEFAZ-PI Prova: FCC - 2025 - SEFAZ-PI - Analista do Tesouro Estadual - Área de Conhecimento: Tecnologia da Informação (prova 2) |

Q3506470 Programação

Considere o comando CSS3:

@media (max-width: 600px) {.container {flex-direction: column;}}

Esse comando

A

altera a propriedade flex-direction para column sempre que a altura do.container estiver abaixo de 600px, independentemente da largura.

B

garante o layout de coluna no.container para qualquer dispositivo móvel, sem levar em conta a largura da tela.

C

aplica a propriedade flex-direction: column ao.container, fazendo com que seus elementos sejam alinhados verticalmente quando a largura do dispositivo estiver em até 600px.

D

define a largura do.container como exatamente 600px a partir do momento em que a tela atinge ou fica abaixo desse valor, ignorando qualquer modificação posterior de largura.

E

altera a direção do flex para column apenas quando a largura do dispositivo exceder 600px, sem afetar resoluções menores.

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

Q3504790

Ano: 2025 Banca: Quadrix Órgão: CREMESE Prova: Quadrix - 2025 - CREMESE - Analista de Sistemas |

Q3504790 Programação

O desenvolvimento de sistemas é uma das principais atividades da área de Tecnologia da Informação e Comunicação (TIC) nas organizações. As metodologias de desenvolvimento compõem o conjunto de conhecimentos essenciais para analistas e programadores. Com base nessas informações, julgue o item a seguir.

CSS pode ser usado para acessar bancos de dados e para manipular conteúdo dinâmico.

Certo

Errado

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

Q3504272

Ano: 2025 Banca: FUNCERN Órgão: IF-RN Prova: FUNCERN - 2025 - IF-RN - Professor EBTT - Área: Sistemas da Informação |

Q3504272 Programação

Considerando os conceitos de HTML, CSS e JavaScript, assinale a opção correta.

A

JavaScript é uma linguagem de marcação de script usada para adicionar interatividade e lógica às páginas web e também ao CSS.

B

O conceito de "cascata" no CSS define o ciclo de vida de como serão aplicados os estilos nas tags HTML, considerando os tipos e as sequências dos objetos DOM (Document Object Model).

C

Funções em CSS são blocos reutilizáveis de código, permitindo executar ações específicas para tags HTML com o objetivo de aplicar diferentes estilos.

D

O DOM (Document Object Model) permite que JavaScript manipule elementos HTML dinamicamente, alterando conteúdo, estilos e estrutura da página.

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

Q3497417

Ano: 2025 Banca: CONSULPAM Órgão: CONAB Prova: CONSULPAM - 2025 - CONAB - Analista - Tecnologia da Informação (Desenvolvimento) |

Q3497417 Programação

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.

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

Q3438151

Ano: 2025 Banca: Quadrix Órgão: CRC-SP Prova: Quadrix - 2025 - CRC-SP - Assistente Web e Multimídia |

Q3438151 Programação

Texto associado

Um escritório de contabilidade pretende criar um site para apresentar seus serviços utilizando o Adobe Dreamweaver.

Com base nessa situação hipotética, julgue o item a seguir.

O Dreamweaver permite que o usuário crie páginas web visualmente, sem a necessidade de conhecer linguagens como HTML ou CSS.

Certo

Errado

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 Comentadas sobre css (cascading style sheets) em programação

Foram encontradas 486 questões