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

Foram encontradas 513 questões

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?

Alternativas
Q4232602 Programação
Qual propriedade CSS é utilizada para alterar a cor do texto de um elemento em uma página HTML? 
Alternativas
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. 
Alternativas
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
Alternativas
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. 
Alternativas
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, 
Alternativas
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):
Alternativas
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. 
Alternativas
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? 
Alternativas
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.
Alternativas
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:
Alternativas
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:
Alternativas
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 é:
Alternativas
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.

Alternativas
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.
Alternativas
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?
Alternativas
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?
Alternativas
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.

Alternativas
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
Alternativas
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ê
Alternativas
Respostas
1: B
2: A
3: E
4: B
5: C
6: A
7: B
8: D
9: A
10: B
11: A
12: B
13: D
14: A
15: E
16: C
17: A
18: D
19: E
20: A