

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.


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.
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 é:
opacity.transp: 50;
transp: 50;
opacity: 0.5;
opacity: 50;
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.
Certo
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.
Extensible Markup Language (XML).
JavaScript (JS).
Cascading Style Sheets (CSS).
Hypertext Preprocessor (PHP).
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.
p { color: blue; }
.p { color: blue; }
p { text-color: blue; }
#p { font-color: blue; }
<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:
transparency: 0.3;
background-color: filter(#000000,30%);
background-color: rgba(0, 0, 0, 0.3);
filter: transparency(70%);
background-color: hsla(100, 100%, 100%, 0.3);


Seu próximo nível começa aqui

Seu próximo nível começa aqui
Destrave a preparação completa para sua aprovação. Com a Assinatura Ilimitada, você estuda com os melhores professores do Brasil e todos os recursos Gran.
Assinale a opção correspondente ao caractere utilizado em CSS3 como seletor universal.
*
:
@
.
#
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ê
Regra 3 (color: green !important;), devido à palavra-chave !important
Regra 1 (color: blue;), devido à alta especificidade do seletor ID.
Regra 2 (color: red;), devido à ordem no CSS (última regra ganha).
Regra inline (se estivesse lá), pois tem a maior precedência.
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:
display: flex define a direção dos flex itens que por padrão é column.
flex-wrap: wrap é o valor que define que não é permitida a quebra de linha.
display: flex torna o elemento um flex container, automaticamente transformando todos os seus filhos diretos em flex itens.
flex-wrap é a propriedade que define se os itens devem quebrar ou não a linha; por padrão, há quebra de linha.
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.
:disabled
:empty
:required
:hover
: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.







Seu próximo nível começa aqui
Seu desenvolvimento não pode ter limites. Garanta sua Assinatura Ilimitada e libere uma preparação completa com os melhores professores do Brasil.
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
o seletor .item prevalece, pois está declarado por último.
os dois seletores têm o mesmo peso e se anulam, gerando comportamento indefinido.
o navegador escolhe aleatoriamente um dos seletores.
o seletor #menu .item prevalece, pois IDs têm maior peso de especificidade que classes.
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?
O link exibe um texto de ajuda.
Configura o link para abrir em uma nova janela.
Altera todo o texto da página para sublinhado e cor verde.
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:
Nativas, derivadas e compostas.
Brilhantes, opacas e translúcidas.
Primárias, secundárias e terciárias.
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.
<head>
<style src=”style.css”></style>
</head>
<head>
<link rel=”stylesheet” href=”style.css”>
</head>
<head>
<script src=”style.css”></script>
</head>
<head>
@import url(“style.css”);
</head>
Recomenda-se que a storytelling reflita valores compartilhados com o público-alvo como estratégia de conquista de confiança.
Certo
Errado


Seu próximo nível começa aqui

Seu próximo nível começa aqui
Destrave a preparação completa para sua aprovação. Com a Assinatura Ilimitada, você estuda com os melhores professores do Brasil e todos os recursos Gran.
No Microsoft Excel, o endereço de célula E$ 6 indica uma referência mista, em que a linha é relativa e a coluna é absoluta.
Certo
Errado
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.

Certo
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.
Apenas o link com a classe botao será estilizado pelo seletor a.botao
Todos os links receberão o mesmo estilo, pois links são definidos com a tag <a>
A classe botao só funciona se for aplicada em um botão real (<button>)
O seletor está incorreto e deveria ser .a.botao
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.
Azul.
Verde.
Branco.
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.
Certo
Errado


Seu próximo nível começa aqui
Seu desenvolvimento não pode ter limites. Garanta sua Assinatura Ilimitada e libere uma preparação completa com os melhores professores do Brasil.