Questões de Concurso
Sobre css (cascading style sheets) em programação
Foram encontradas 623 questões
Ano: 2026
Banca:
Instituto Legalle
Órgão:
CIGA-SC
Prova:
Instituto Legalle - 2026 - CIGA-SC - Técnico em Tecnologia da Informação (TI) |
Q4161063
Programação
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.
Ano: 2026
Banca:
Instituto Legalle
Órgão:
CIGA-SC
Prova:
Instituto Legalle - 2026 - CIGA-SC - Programador |
Q4160928
Programação
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 о
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?
Ano: 2026
Banca:
VUNESP
Órgão:
UNESP
Prova:
VUNESP - 2026 - UNESP - Analista de Informática I - Área de Atuação: Desenvolvimento de Sistemas - Edital nº 350 |
Q4126640
Programação
Considere o seguinte código JavaScript dentro de uma
página web.
<script>
let x = 10;
{let x = 15;}
{x = x + 3;}
document.getElementById( output ).innerHTML = x;
</script>
A saída exibida no elemento output após a execução do script é:
<script>
let x = 10;
{let x = 15;}
{x = x + 3;}
document.getElementById( output ).innerHTML = x;
</script>
A saída exibida no elemento output após a execução do script é:
Ano: 2026
Banca:
COPESE - UFT
Órgão:
UFT
Prova:
COPESE - UFT - 2026 - UFT - Técnico em Tecnologia da Informação |
Q4100470
Programação
As folhas de estilo denominada Cascading Style Sheets
ou CSS são utilizadas para melhor o front-end
acrescentando características visuais a uma página
HTML.
Neste contexto, assinale a alternativa CORRETA que representa o atributo em CSS3 responsável por realizar quebra de página.
Neste contexto, assinale a alternativa CORRETA que representa o atributo em CSS3 responsável por realizar quebra de página.
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 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:
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:
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:
Ano: 2026
Banca:
FURB
Órgão:
FURB - SC
Prova:
FURB - 2026 - FURB - SC - Técnico em Assuntos de Informática |
Q4052686
Programação
Considere os seletores de agrupamento :is() e :where().
A diferença fundamental entre eles, no que diz respeito
ao cálculo da especificidade da regra CSS, reside no fato
de que:
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:
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?
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:
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.
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 é:
• 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 é:
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.
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.
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?
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?
body { background-color: blue; } p { font-family: verdana; font-size: 12px; }
Qual foi a linguagem utilizada nesse trecho?
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.
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 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
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ê
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ê
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
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
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 é:
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?
Considerando o estado atual das tecnologias CSS, qual abordagem representa a melhor prática moderna para resolver o problema sem comprometer a semântica?
Conheça nossos planos