Questões de Concurso
Sobre css (cascading style sheets) em programação
Foram encontradas 656 questões
Ano: 2026
Banca:
SEED-PR
Órgão:
SEED-PR
Prova:
SEED-PR - 2026 - SEED-PR - Ciências / Educação Digital e Computação/Programação |
Q4411198
Programação
Em uma página web, o desenvolvedor deseja que o conteúdo de todos os elementos de cabeçalho seja exibido inteiramente em letras maiúsculas, independentemente de como o texto foi digitado no HTML. Assinale a alternativa que apresenta a regra CSS que produz corretamente esse efeito.
Ano: 2026
Banca:
SEED-PR
Órgão:
SEED-PR
Prova:
SEED-PR - 2026 - SEED-PR - Arte / Educação Digital e Computação/Programação |
Q4407749
Programação
Em uma página web, o desenvolvedor deseja que o conteúdo de todos os elementos de cabeçalho <h1> seja exibido inteiramente em letras maiúsculas, independentemente de como o texto foi digitado no HTML. Assinale a alternativa que apresenta a regra CSS que produz corretamente esse efeito.
Ano: 2026
Banca:
Gama Consult
Órgão:
Câmara de São Miguel do Guaporé - RO
Prova:
Gama Consult - 2026 - Câmara de São Miguel do Guaporé - RO - Gestor de Tecnologia da Informação |
Q4395253
Programação
No modelo de especificidade e cascata do CSS3, o seletor
que atribui a maior pontuação de especificidade na
hierarquia de resolução de conflitos de regras de estilo é o:
Ano: 2026
Banca:
AMEOSC
Órgão:
Prefeitura de Paraíso - SC
Prova:
AMEOSC - 2026 - Prefeitura de Paraíso - SC - Professor II (Informática) |
Q4394533
Programação
Durante a atualização do ambiente web de uma
instituição de ensino, a equipe responsável pelo portal
passou a revisar páginas de divulgação, formulários de
atendimento e materiais destinados aos estudantes. Na
análise técnica, foram identificadas situações
relacionadas à estrutura do documento, à apresentação
visual, à interação com o usuário e à acessibilidade dos
conteúdos. Para organizar o trabalho, foram
selecionados conceitos de HTML5, CSS3, JavaScript,
WCAG e e-MAG. associe a coluna I, que apresenta os
conceitos, às situações descritas na coluna II.
Coluna I 1.HTML5 2.CSS3 3.JavaScript 4.WCAG 5.e-MAG
Coluna II (__)Um formulário de solicitação de atendimento recebeu validação no navegador e passou a apresentar mensagens de orientação conforme os dados informados pelo usuário.
(__)A equipe reorganizou títulos, cabeçalhos, seções e outros elementos do documento para representar de forma mais adequada a estrutura semântica do conteúdo.
(__)O portal passou por revisão das recomendações relacionadas à percepção, operação, compreensão e robustez do conteúdo digital, considerando diferentes necessidades dos usuários.
(__)A folha de estilos foi ajustada para modificar espaçamentos, tipografia, dimensões e disposição visual dos elementos das páginas.
(__)Na revisão do portal institucional, foram consideradas recomendações brasileiras voltadas à acessibilidade de sítios e portais governamentais.
Assinale a alternativa que apresenta a associação correta entre as colunas, na ordem em que os itens aparecem na coluna II de cima para baixo.
Coluna I 1.HTML5 2.CSS3 3.JavaScript 4.WCAG 5.e-MAG
Coluna II (__)Um formulário de solicitação de atendimento recebeu validação no navegador e passou a apresentar mensagens de orientação conforme os dados informados pelo usuário.
(__)A equipe reorganizou títulos, cabeçalhos, seções e outros elementos do documento para representar de forma mais adequada a estrutura semântica do conteúdo.
(__)O portal passou por revisão das recomendações relacionadas à percepção, operação, compreensão e robustez do conteúdo digital, considerando diferentes necessidades dos usuários.
(__)A folha de estilos foi ajustada para modificar espaçamentos, tipografia, dimensões e disposição visual dos elementos das páginas.
(__)Na revisão do portal institucional, foram consideradas recomendações brasileiras voltadas à acessibilidade de sítios e portais governamentais.
Assinale a alternativa que apresenta a associação correta entre as colunas, na ordem em que os itens aparecem na coluna II de cima para baixo.
Q4348384
Programação
Considere o fragmento HTML e a folha de estilos a seguir, aplicados em um navegador moderno, sem outras regras
de estilo e sem uso de !important:
Considerando as regras da cascata e a especificidade dos seletores CSS, qual cor será aplicada ao texto do item "Cursos"?
Considerando as regras da cascata e a especificidade dos seletores CSS, qual cor será aplicada ao texto do item "Cursos"?
Ano: 2026
Banca:
FCC
Órgão:
ARTESP
Prova:
FCC - 2026 - ARTESP - Agente de Fiscalização à Regulação do Transporte I - Tecnologia da Informação |
Q4293849
Programação
Em um site de acompanhamento de ônibus em tempo real, em telas grandes, o layout deve mostrar o mapa à esquerda e a lista
de linhas de ônibus à direita. A lista deve ter uma área "colável no topo da rolagem. Em telas pequenas (celular), o layout deve
se adaptar colocando o mapa em cima e a lista abaixo, com o mínimo de JavaScript. Para obter esses resultados a abordagem
de CSS que deve ser utilizada é definir
Ano: 2026
Banca:
FUNDATEC
Órgão:
Prefeitura de Novo Hamburgo - RS
Prova:
FUNDATEC - 2026 - Prefeitura de Novo Hamburgo - RS - Técnico em Informática |
Q4278629
Programação
Assinale a alternativa correta sobre desenvolvimento web moderno utilizando HTML5
e CSS3.
Ano: 2026
Banca:
IDIB
Órgão:
Prefeitura de Araguaína - TO
Prova:
IDIB - 2026 - Prefeitura de Araguaína - TO - Técnico II - Analista de Sistemas |
Q4260133
Programação
Um desenvolvedor front-end precisa construir a barra de navegação de um portal institucional, alinhando horizontalmente o
logotipo à esquerda e os links de menu à direita, com distribuição uniforme do espaço entre os itens. Para isso, utiliza um modelo de
layout unidimensional do CSS que permite controlar o alinhamento ao longo do eixo principal e do eixo cruzado, conforme o trecho
de código a seguir.
Assinale a alternativa correspondente ao modelo de layout utilizado para organizar os elementos filhos do contêiner.
Assinale a alternativa correspondente ao modelo de layout utilizado para organizar os elementos filhos do contêiner.
Ano: 2026
Banca:
UNICENTRO
Órgão:
UNICENTRO
Prova:
UNICENTRO - 2026 - UNICENTRO - Técnico em Informática |
Q4259172
Programação
Considere o seguinte trecho de código HTML e CSS
HTML:
<div id=”container” class=”box”>
<p class=”texto”>Conteúdo da Questão</p>
</div>
CSS:
p {color: red;}
#container.texto {color: blue;}
.box p {color: green;}
div p {color: yellow;}
De acordo com as regras de especificidade do CSS3, qual será a cor do texto exibido no parágrafo?
Ano: 2026
Banca:
FUNDATEC
Órgão:
Polícia Penal - RS
Prova:
FUNDATEC - 2026 - Polícia Penal - RS - Analista da Polícia Penal - Ciência da Computação |
Q4232603
Programação
Qual é o valor da propriedade position em CSS que posiciona um elemento em relação ao viewport, mantendo sua posição visual mesmo após a rolagem da página?
Ano: 2026
Banca:
FUNDATEC
Órgão:
Polícia Penal - RS
Prova:
FUNDATEC - 2026 - Polícia Penal - RS - Analista da Polícia Penal - Ciência da Computação |
Q4232602
Programação
Qual propriedade CSS é utilizada para alterar a cor do texto de um elemento em uma
página HTML?
Ano: 2026
Banca:
INSTITUTO AOCP
Órgão:
UNIRIO
Prova:
INSTITUTO AOCP - 2026 - UNIRIO - Técnico de Tecnologia da Informação |
Q4223931
Programação
O CSS3 (Cascading Style Sheets 3) introduz
diversas pseudoclasses que permitem aplicar
estilos com base no estado ou no comportamento
de elementos da página. Essas pseudoclasses são
especialmente úteis para melhorar a experiência
do usuário, destacando campos, ações, interações
e condições específicas durante a navegação.
Nesse contexto, assinale a alternativa que
apresenta a pseudoclasse do CSS3 utilizada para
aplicar estilo a um campo que foi preenchido
automaticamente pelo navegador.
Ano: 2026
Banca:
Quadrix
Órgão:
CRQ - 5ª REGIÃO (RS)
Prova:
Quadrix - 2026 - CRQ - 5ª REGIÃO (RS) - Analista de Informática |
Q4219825
Programação
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
Com base nessa situação hipotética, é correto afirmar que a propriedade CSS que deverá ser utilizada para essa finalidade denomina‑se
Q4217806
Programação
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:
<style> .container { display: flex; justify-content: space-between; align-items: center; } .item:nth-child(2n) { background-color: lightblue; } </style>
<div class="container"> <div class="item">A</div> <div class="item">B</div> <div class="item">C</div> <div class="item">D</div> </div>
Considerando o comportamento padrão dos navegadores modernos compatíveis com as especificações do W3C, sobre o código apresentado, assinale a afirmativa correta.
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:
<style> .container { display: flex; justify-content: space-between; align-items: center; } .item:nth-child(2n) { background-color: lightblue; } </style>
<div class="container"> <div class="item">A</div> <div class="item">B</div> <div class="item">C</div> <div class="item">D</div> </div>
Considerando o comportamento padrão dos navegadores modernos compatíveis com as especificações do W3C, sobre o código apresentado, assinale a afirmativa correta.
Ano: 2026
Banca:
FGV
Órgão:
MPE-ES
Prova:
FGV - 2026 - MPE-ES - Agente Especializado - Analista de Experiência do Usuário - UX |
Q4217141
Programação
É 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.
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.
Ano: 2026
Banca:
FGV
Órgão:
MPE-ES
Prova:
FGV - 2026 - MPE-ES - Agente Especializado - Analista de Experiência do Usuário - UX |
Q4217140
Programação
No contexto de CSS e Media Query, analise as afirmativas a seguir
e assinale (V) para a verdadeira e (F) para a falsa.
( ) Container queries permitem aplicar estilos com base no tamanho de um elemento contêiner, em vez de viewports ou de outras características do dispositivo.
( ) Listas separadas por vírgulas comportam-se como o operador AND quando utilizadas em media queries.
( ) É possível compor media queries usando os operadores lógicos AND, NOT e ONLY.
As afirmtivas são, respectivamente,
( ) Container queries permitem aplicar estilos com base no tamanho de um elemento contêiner, em vez de viewports ou de outras características do dispositivo.
( ) Listas separadas por vírgulas comportam-se como o operador AND quando utilizadas em media queries.
( ) É possível compor media queries usando os operadores lógicos AND, NOT e ONLY.
As afirmtivas são, respectivamente,
Ano: 2026
Banca:
FGV
Órgão:
MPE-ES
Prova:
FGV - 2026 - MPE-ES - Agente Especializado - Analista de Experiência do Usuário - UX |
Q4217117
Programação
O Bootstrap é um dos frameworks front-end mais utilizados no
desenvolvimento web, oferecendo um sistema de grid responsivo
baseado em 12 colunas, componentes pré-estilizados e classes
utilitárias que agilizam a construção de interfaces adaptáveis a
diferentes tamanhos de tela, seguindo a abordagem mobile-first.
Considere o seguinte trecho de código utilizando o framework Bootstrap 5:
Sobre o código apresentado, considerando o comportamento padrão do sistema de grid do Bootstrap 5 e sua abordagem mobilefirst, assinale a afirmativa correta.
Considere o seguinte trecho de código utilizando o framework Bootstrap 5:
Sobre o código apresentado, considerando o comportamento padrão do sistema de grid do Bootstrap 5 e sua abordagem mobilefirst, assinale a afirmativa correta.
Ano: 2026
Banca:
FGV
Órgão:
MPE-ES
Prova:
FGV - 2026 - MPE-ES - Agente Especializado - Analista de Sistemas |
Q4216298
Programação
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 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.
Ano: 2026
Banca:
UFU-MG
Órgão:
UFU-MG
Prova:
UFU-MG - 2026 - UFU-MG - Técnico de Tecnologia da Informação |
Q4193541
Programação
No desenvolvimento de aplicações web, diferentes tecnologias desempenham funções específicas na
estruturação da interface, na formatação visual, no processamento de eventos no navegador e no intercâmbio
de dados em APIs e serviços web. Considerando o trecho de uma página web apresentado, assinale a
alternativa correta.
Ano: 2026
Banca:
Instituto Legalle
Órgão:
CIGA-SC
Prova:
Instituto Legalle - 2026 - CIGA-SC - Técnico em Tecnologia da Informação (TI) |
Q4161064
Programação
A equipe de TI de um consórcio público está
desenvolvendo uma página web institucional para
divulgar os serviços disponíveis nos municípios
consorciados. Durante a revisão do código-fonte, o
desenvolvedor analisou elementos e tags do HTML5.
Considerando isso, analise as afirmativas a seguir:
I. O elemento <header> contém metadados do documento, como título e referências a arquivos externos, não sendo renderizado como conteúdo visível, enquanto o elemento <header> é um elemento semântico utilizado para definir o cabeçalho visual de uma página ou seção de conteúdo.
II. Para vincular um arquivo de estilos CSS, utiliza-se a tag <link>.
III. A tag <script> deve ser inserida dentro do elemento <head>, sendo considerada inválida pelo navegador quando posicionada no interior do elemento <body>.
Está(ão) CORRETA(S):
I. O elemento <header> contém metadados do documento, como título e referências a arquivos externos, não sendo renderizado como conteúdo visível, enquanto o elemento <header> é um elemento semântico utilizado para definir o cabeçalho visual de uma página ou seção de conteúdo.
II. Para vincular um arquivo de estilos CSS, utiliza-se a tag <link>.
III. A tag <script> deve ser inserida dentro do elemento <head>, sendo considerada inválida pelo navegador quando posicionada no interior do elemento <body>.
Está(ão) CORRETA(S):
Conheça nossos planos