

Seu próximo nível começa aqui
Com a Assinatura Ilimitada, você tem tudo que precisa para sua aprovação.
Com a Assinatura Ilimitada, você combina prática, teoria e método em uma única assinatura com tudo que você precisa para sua aprovação.
Assinale a alternativa que apresenta o objetivo da propriedade flex no CSS3.
Definir a imagem de fundo da página.
Especificar a fonte do texto.
Indicar o tamanho do texto.
Ser um atalho para as propriedades flex-grow, flex-shrink e flex-basis.
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="..."> </ <style> .xxxxx { font-size: 18px; text-align: center; color: #fff; background-color: blue; } ---------- </ <body> <button class=xxxxx id="b1">Clique aqui.</ <p>Boa tarde.</ </ </ |
Na linha tracejada, o texto que faz com que o botão mude de cor de fundo quando o mouse é posicionado sobre ele é:
.b1:hover {
background-color: black;
}
.button:hover {
background-color: black;
}
.xxxxx:hover {
background-color: black;
}
hover:b1 {
background-color: black;
}
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:

Código HTML
<nav>
<ul>
<li><a href="#">Menu 1</
<li><a href="#">Menu 2</
<li><a href="#">Menu 3</
<li><a href="#">Menu 4</
</
</
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.
nav ul .li { display: inline-block; width: 100px; }
nav ul li a { display: block; width: 100px; }
nav ul li { display: inline-block; width: 100px; }
#nav ul li a { display: inline-block; width: 100px; }
#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.
1 - 4 - 3 - 2.
3 - 2 - 1 - 4.
4 - 3 - 2 - 3.
2 - 1 - 3 - 4.
O código HTML/CSS a seguir apresenta Alo Mundo como resultado.
<html>
<p style=“text-transform:capitalize”> alo mundo </
</
Certo
Errado
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 é
CSS Borders
CSS Colors
CSS Icons
CSS Padding
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
@viewport (width=device-width:600px, initial-scale:1.0) { }
@viewport with max-width <= 600px { }
@screen stretch(max-width <= 600px) { }
@viewport (max-width: 600px) { }
@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
. e #
# e .
. e *
* e .
* e #
O que é o conceito de box model no CSS?
É um modelo de sand Box (caixa de arei(A) usado para testar elementos HTML.
É um método para aplicar efeitos de animação em elementos HTML.
É um mecanismo para controlar o posicionamento de elementos HTML em uma página.
É um sistema de organização de estilos CSS em cascata.
É 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.
p
pi
px
pl
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.
Apenas I e III.
Apenas II, III e IV.
Apenas II e III.
Apenas III e IV.
I, II, III e IV.
Observe a declaração abaixo no contexto de páginas Web.
<div class="jumbotron">
<h1>Teste</
<p>Frase inicial...</
</
Assinale o framework usualmente associado à classe utilizada.
Angular Material.
Bootstrap.
CSS.
JSON.
SpringBoot.
Códigos CSS podem ser escritos diretamente em arquivos HTML, sendo contidos dentro de tags. As tags em questão são:
<css> </
<c> </
<cs> </
<style> </
<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?
margin: O lOpx O 20px;
margin: lOpx 20px;
margin-top: 20px; margin-bottom: lOpx;
margin-header: lOpx; margin-footer: 20px;
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>
Antes do link ser clicado pela primeira vez, o texto ficará na cor hotpink.
Depois do link ser clicado, o texto ficará na cor blue.
Ao passar o mouse em cima do link, o texto ficará na cor hotpink.
Ao clicar em cima do link, o texto ficará na cor red.
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:
HTML e WW.
HTML e HTTP.
CSS e HTTPS
HTML e CSS.
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 ...”:
Separar a forma e o conteúdo em arquivos distintos de maneira a reduzir o tempo de carregamento de uma página web.
Descrever a apresentação de arquivos no formato HTML, utilizando definições de exibição dos elementos deste arquivo.
Permitir elaborar e executar, a partir do código HTML, funções matemáticas complexas.
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:
<style type="text/css" href="estilo.css" /
<script type="text/css" src="estilo.css" /
<style type="text/css" src="estilo.css" /
<link rel="stylesheet" type="text/css" href="estilo.css" /
<link rel="stylesheet" type="text/css" src="estilo.css" /
Numa codificação CSS, a propriedade z-index refere-se
à ordem de um elemento numa pilha.
à ordenação crescente de uma lista de elementos.
à ordenação decrescente de uma lista de elementos.
ao valor zero em medidas de altura.
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?
Atributos Seletores, Classes Seletoras, Pseudoclasses, Tipo de Seletores, Seletores ID, Seletores Universais, Estilo Inline
Seletores Universais, Tipo de Seletores, Classes Seletoras, Atributos Seletores, Pseudo-classes, Seletores ID, Estilo Inline
Seletores Universais, Estilo Inline, Tipo de Seletores, Seletores ID, Classes Seletoras, Pseudo-classes, Atributos Seletores
Estilo Inline, Seletores ID, Pseudo-classes, Atributos Seletores, Classes Seletoras, Tipo de Seletores, Seletores Universais
Pseudo-classes, Seletores ID, Classes Seletoras, Estilo Inline, Seletores Universais, Tipo de Seletores, Atributos Seletores