Questões de Concurso sobre Folhas de estilo

 
 
Disciplina
Assunto 1
Banca
Instituição
Cargo
Ano
Carreira
Área de formação
Escolaridade
Dificuldade
 
Comentários:
Professores
Alunos
Meus Comentários
Vídeo
 
Minhas questões:
Resolvidas
Não resolvidas
Certas
Erradas
 
Tipo de questão:
Certo e errado
Múltipla escolha
Incluir questões:
Anuladas
Desatualizadas
 
Questões:
Todas as questões
 
Filtro simplificado
 
Questões
Todas as questões
 
51 questões encontradas
Questões por página
20
Mais recentes
 

Um analista de sistemas deseja elaborar um programa escrito em HTML e utilizar CSS3 para definir uma transparência de 50% para um elemento HTML.


Um comando que pode ser utilizado para essa finalidade é:


A

opacity.transp: 50;


B

transp: 50;


C

opacity: 0.5;


D

opacity: 50;


E

transp: 0.5;

O formato ODF (Open Document Format), utilizado nativamente pelo LibreOffice, é um padrão aberto reconhecido pela ISO, enquanto os formatos OOXML (DOCX, XLSX, PPTX) do Microsoft Office também possuem padronização internacional.


C

Certo


E

Errado

No desenvolvimento do portal do paciente, a equipe de TI precisa separar a estrutura do conteúdo da sua apresentação visual. Para definir as cores, fontes, layouts e o estilo visual das páginas web, utiliza-se uma linguagem de folha de estilos específica que atua em conjunto com o HTML (HyperText Markup Language).


Assinale a alternativa correta.


A

Extensible Markup Language (XML).


B

JavaScript (JS).


C

Cascading Style Sheets (CSS).


D

Hypertext Preprocessor (PHP).


E

Structured Query Language (SQL).

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

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; }

Para aplicar fundo preto com 30% de transparência em um contêiner criado com a tag div na página HTML, uma Analista deve colocar, na configuração CSS desse contêiner, a instrução:


A

transparency: 0.3;


B

background-color: filter(#000000,30%);


C

background-color: rgba(0, 0, 0, 0.3);


D

filter: transparency(70%);


E

background-color: hsla(100, 100%, 100%, 0.3);

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.

Considerando o código CSS3,


.flex {

display: flex;

}

.flex-wrap {

flex-wrap: wrap;

}


é correto afirmar que:


A

display: flex define a direção dos flex itens que por padrão é column.


B

flex-wrap: wrap é o valor que define que não é permitida a quebra de linha.


C

display: flex torna o elemento um flex container, automaticamente transformando todos os seus filhos diretos em flex itens.


D

flex-wrap é a propriedade que define se os itens devem quebrar ou não a linha; por padrão, há quebra de linha.


E

display: flex torna o elemento flexível, automaticamente transformando o elemento em colunas, para evitar a sobreposiçã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

Considere-se o código a seguir.





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


B


C


D


E

Em um projeto, os estilos abaixo entram em conflito:


#menu .item { color: red; }

.item { color: blue; }


Sobre o resultado da aplicação de estilos, é correto afirmar que


A

o seletor .item prevalece, pois está declarado por último.


B

os dois seletores têm o mesmo peso e se anulam, gerando comportamento indefinido.


C

o navegador escolhe aleatoriamente um dos seletores.


D

o seletor #menu .item prevalece, pois IDs têm maior peso de especificidade que classes.


E

a cor azul prevalece, porque classes têm prioridade sobre IDs em código CSS.

Analise o seguinte trecho de código CSS:


a:hover {

text-decoration: underline;

color: green;

}


Qual o efeito causado pelo código acima?


A

O link exibe um texto de ajuda.


B

Configura o link para abrir em uma nova janela.


C

Altera todo o texto da página para sublinhado e cor verde.


D

O link muda para verde e fica sublinhado, quando o cursor do mouse é posicionado sobre o link.

No design gráfico, as cores são escolhidas de forma criteriosa, a depender da mensagem que se deseja transmitir. A cor pode ser uma ferramenta útil para comunicar um estado de espírito ou provocar uma resposta emocional do seu espectador. O círculo cromático consiste em uma representação dos espectros de cor percebido pelo olho humano e, em geral, é representado por um círculo com 12 cores, sendo dispostas em três categorias, dadas por:


A

Nativas, derivadas e compostas.


B

Brilhantes, opacas e translúcidas.


C

Primárias, secundárias e terciárias.


D

Monocromáticas, bicromáticas e policromáticas.

Marque a opção que indica a forma correta de importação de um arquivo CSS em uma página HTML.


A

<head>

<style src=”style.css”></style>

</head>


B

<head>

<link rel=”stylesheet” href=”style.css”>

</head>


C

<head>

<script src=”style.css”></script>

</head>


D

<head>

@import url(“style.css”);

</head>

Ano: 2025
Prova: CESPE/CEBRASPE - SUSEP - Analista Técnico - Área: Tecnologia da Informação e Ciencia de Dados - 2025

A execução do arquivo HTML a seguir aplicará as configurações definidas no arquivo styles.css aos elementos da página, desde que esse arquivo esteja acessível no caminho especificado.



C

Certo


E

Errado

Considere o seguinte código:


a.botao {

background-color: orange;

color: white;

padding: 10px;

}


Com base no código acima, assinale a alternativa correta.


A

Apenas o link com a classe botao será estilizado pelo seletor a.botao


B

Todos os links receberão o mesmo estilo, pois links são definidos com a tag <a>


C

A classe botao só funciona se for aplicada em um botão real (<button>)


D

O seletor está incorreto e deveria ser .a.botao


E

Para aplicar estilos corretamente, o seletor deveria ser #botao

Considere o seguinte trecho de código em HTML5+CSS3 construído por um desenvolvedor:



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.

O padrão decorator permite que classes concretas sejam envolvidas em uma hierarquia de objetos que compartilham a mesma interface, em que cada decorador implementa a interface base e delega chamadas para o objeto decorado, adicionando funcionalidade antes ou depois da delegação.


C

Certo


E

Errado

 
 
Gerar simulado