Questões de Concurso sobre CSS

 
 
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
 
359 questões encontradas
Questões por página
20
Mais recentes
 

Assinale a alternativa que apresenta o objetivo da propriedade flex no CSS3.


A

Definir a imagem de fundo da página.


B

Especificar a fonte do texto.


C

Indicar o tamanho do texto.


D

Ser um atalho para as propriedades flex-grow, flex-shrink e flex-basis.


E

Criar animações.

Considere o trecho de descrição de uma página Web, no qual as referências da terceira linha foram omitidas.


<html>

<head>

<link rel="..." href="...">

</head>

<style>

.xxxxx {

font-size: 18px;

text-align: center;

color: #fff;

background-color: blue;

}

----------

</style>

<body>

<button class=xxxxx id="b1">Clique

aqui.</button>

<p>Boa tarde.</p>

</body>

</html>


Na linha tracejada, o texto que faz com que o botão mude de cor de fundo quando o mouse é posicionado sobre ele é:


A

.b1:hover {

background-color: black;

}


B

.button:hover {

background-color: black;

}


C

.xxxxx:hover {

background-color: black;

}


D

hover:b1 {

background-color: black;

}


E

hover:button {

background-color: black;

}

Analise o trecho de códigos HTML e CSS apresentados abaixo, com o intuito de estruturar um menu de navegação horizontal:

Imagem associada para resolução da questão

Código HTML


<nav>

<ul>

<li><a href="#">Menu 1</a></li>

<li><a href="#">Menu 2</a></li>

<li><a href="#">Menu 3</a></li>

<li><a href="#">Menu 4</a></li>

</ul>

</nav>


Código CSS


nav {

width: 100%; height:50px;

background-color: #E8C35A;

}

Assinale a alternativa correta em relação ao restante do código CSS capaz de compor corretamente essa estrutura.


A

nav ul .li { display: inline-block; width: 100px; }


B

nav ul li a { display: block; width: 100px; }


C

nav ul li { display: inline-block; width: 100px; }


D

#nav ul li a { display: inline-block; width: 100px; }


E

#nav ul li { display: block; width: 100px;

Sobre os componentes do CSS, o qual apresenta um conjunto de regras que definem cada um destes, numerar a 2ª coluna de acordo com a 1ª e, após, assinalar a alternativa que apresenta a sequência CORRETA:


(1) Seletor.

(2) Declaração.

(3) Propriedade.

(4) Valor.


( ) Define a característica do seletor.

( ) Determina os parâmetros.

( ) É o alvo da regra CSS.

( ) Quantifica ou qualifica a propriedade.


A

1 - 4 - 3 - 2.


B

3 - 2 - 1 - 4.


C

4 - 3 - 2 - 3.


D

2 - 1 - 3 - 4.

Inúmeras são as propriedades do CSS para alterar o visual de uma página. A propriedade responsável por gerar um espaço entre um elemento e um conjunto de bordas definidas é


A

CSS Borders


B

CSS Colors


C

CSS Icons


D

CSS Padding


E

CSS Text

Em um arquivo CSS, as configurações específicas a serem aplicadas somente se a janela do navegador tiver largura de até 600 px devem ser colocadas dentro das chaves da instrução


A

@viewport (width=device-width:600px, initial-scale:1.0) { }


B

@viewport with max-width <= 600px { }


C

@screen stretch(max-width <= 600px) { }


D

@viewport (max-width: 600px) { }


E

@media only screen and (max-width: 600px) { }

O uso de seletores no CSS permite customizar múltiplos elementos HTML com mesmas configurações. Dois tipos de seletores são os seletores de ID e os seletores de classe. Estes seletores são iniciados, respectivamente, pelos caracteres


A

. e #


B

# e .


C

. e *


D

* e .


E

* e #

O que é o conceito de box model no CSS?


A

É um modelo de sand Box (caixa de arei(A) usado para testar elementos HTML.


B

É um método para aplicar efeitos de animação em elementos HTML.


C

É um mecanismo para controlar o posicionamento de elementos HTML em uma página.


D

É um sistema de organização de estilos CSS em cascata.


E

É um modelo que descreve como os elementos HTML são renderizados, levando em consideração o conteúdo, o preenchimento, a borda e a margem.

Uma forma de representar o tamanho de um determinado elemento, como largura de borda, no CSS é por meio do pixel.


Assinale a alternativa que apresenta corretamente o sufixo do pixel no CSS.


A

p


B

pi


C

px


D

pl


E

pix

Considerando as linguagens de marcação, transformação e apresentação, analise as assertivas e assinale a alternativa que aponta as corretas.


I. XML (Extensible Markup Language) é utilizado principalmente para a apresentação visual de conteúdo na web.

II. XSLT (Extensible Stylesheet Language Transformations) permite transformar documentos XML em outros formatos, como XML, HTML e texto simples.

III. CSS (Cascading Style Sheets) é utilizado para descrever a aparência e a formatação de um documento escrito em uma linguagem de marcação.

IV. XPath é uma linguagem que permite navegar através de elementos e atributos em um documento XML.


A

Apenas I e III.


B

Apenas II, III e IV.


C

Apenas II e III.


D

Apenas III e IV.


E

I, II, III e IV.

Observe a declaração abaixo no contexto de páginas Web.


<div class="jumbotron">

<h1>Teste</h1>

<p>Frase inicial...</p>

</div>


Assinale o framework usualmente associado à classe utilizada.


A

Angular Material.


B

Bootstrap.


C

CSS.


D

JSON.


E

SpringBoot.

Códigos CSS podem ser escritos diretamente em arquivos HTML, sendo contidos dentro de tags. As tags em questão são:


A

<css> </css>


B

<c> </c>


C

<cs> </cs>


D

<style> </style>


E

<customize> </customize>

Foi solicitado que os parágrafos tenham a margem superior com 10px e a margem inferior com 20px. Decidimos atender à solicitação usando CSS. Qual estilo deve ser aplicado aos elementos para atender à solicitação?


A

margin: O lOpx O 20px;


B

margin: lOpx 20px;


C

margin-top: 20px; margin-bottom: lOpx;


D

margin-header: lOpx; margin-footer: 20px;


E

margin: lOpx O 20px;

O CSS (Cascading Style Sheets) permite que o desenvolvedor adicione estilos aos componentes escritos em linguagem de marcação como o HTML. Baseado na utilização do CSS, analise o código abaixo e assinale a alternativa correta.

<!DOCTYPE html>

<html>

<head>

<style>

a:link {

color: red;

}

a:visited {

color: green;

}

a:hover {

color: hotpink;

}

a: active {

color: blue;

}

</style>

</head>

<body>

<a href="$" target="_blank"> Acesse o link</a>

</body>

</html>


A

Antes do link ser clicado pela primeira vez, o texto ficará na cor hotpink.


B

Depois do link ser clicado, o texto ficará na cor blue.


C

Ao passar o mouse em cima do link, o texto ficará na cor hotpink.


D

Ao clicar em cima do link, o texto ficará na cor red.


E

Ao passar o mouse em cima do link, o texto ficará com a cor green.

W3C (Consórcio World Wide Web), é a organização que controla os padrões para a web. A forma que um browser interpreta e exibe os arquivos é através de uma linguagem de marcação de hipertexto e de mecanismo para adicionar estilo a um documento web. Assinale a alternativa que contém duas linguagens de navegador de internet:


A

HTML e WW.


B

HTML e HTTP.


C

CSS e HTTPS


D

HTML e CSS.


E

IPv4 e IPv6.

Com relação às Ferramentas de desenvolvimento Web: CSS, assinale a alternativa que completa a sentença: “A Cascading Style Sheets (CSS) é uma linguagem de folha de estilo criada para ...”:


A

Separar a forma e o conteúdo em arquivos distintos de maneira a reduzir o tempo de carregamento de uma página web.


B

Descrever a apresentação de arquivos no formato HTML, utilizando definições de exibição dos elementos deste arquivo.


C

Permitir elaborar e executar, a partir do código HTML, funções matemáticas complexas.


D

Simplificar a diagramação em HTML com elementos definidos em estruturas hierárquicas.

Um documento CSS chamado "estilo.css" pode ser incluso em uma página HTML por meio da instrução:


A

<style type="text/css" href="estilo.css" />


B

<script type="text/css" src="estilo.css" />


C

<style type="text/css" src="estilo.css" />


D

<link rel="stylesheet" type="text/css" href="estilo.css" />


E

<link rel="stylesheet" type="text/css" src="estilo.css" />

Numa codificação CSS, a propriedade z-index refere-se


A

à ordem de um elemento numa pilha.


B

à ordenação crescente de uma lista de elementos.


C

à ordenação decrescente de uma lista de elementos.


D

ao valor zero em medidas de altura.


E

ao valor zero em medidas de largura.

O conceito de especificidade do CSS3 é a maneira como os navegadores definem quais valores de propriedades são os mais relevantes para o elemento a ser utilizado. A especificação é baseada apenas nas regras impostas na composição de diferentes tipos de seletores.


Qual a ordem crescente da lista de seletores incluída na especificação?


A

Atributos Seletores, Classes Seletoras, Pseudoclasses, Tipo de Seletores, Seletores ID, Seletores Universais, Estilo Inline


B

Seletores Universais, Tipo de Seletores, Classes Seletoras, Atributos Seletores, Pseudo-classes, Seletores ID, Estilo Inline


C

Seletores Universais, Estilo Inline, Tipo de Seletores, Seletores ID, Classes Seletoras, Pseudo-classes, Atributos Seletores


D

Estilo Inline, Seletores ID, Pseudo-classes, Atributos Seletores, Classes Seletoras, Tipo de Seletores, Seletores Universais


E

Pseudo-classes, Seletores ID, Classes Seletoras, Estilo Inline, Seletores Universais, Tipo de Seletores, Atributos Seletores

   
Gerar simulado