

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.
No âmbito do CSS, considere a declaração a seguir.
div {
animation: mymove 5s infinite;
}
A ordem que corresponde corretamente às propriedades que são estabelecidas nessa declaração é:
inherit, duration, fill-mode;
initial, duration, delay;
name, duration, delay;
name, duration, timing-function;
timing-function, direction, initial.
Uma das formas de atribuir uma cor para determinado elemento de texto utilizando o CSS é por meio da atribuição RGB, que utiliza um inteiro para representar a intensidade de cada uma das cores: vermelho (red), verde (green) e azul (blue).
O valor máximo de intensidade para cada uma das três cores no CSS é:
15
31
63
127
255
A linguagem CSS é utilizada para definir estilos dos elementos HTML, qual seletor CSS é utilizado para selecionar todos os elementos com uma determinada classe.
#id
*
:hover
.class
O CSS é utilizado no desenvolvimento web para customizar páginas desenvolvidas em HTML. Dentre as maneiras de adicionar o CSS, em uma página HTML, aquela que adiciona o CSS diretamente dentro de um elemento HTML específico é o
inline.
interno.
externo.
público.
direto.
Analise as informações a seguir:
I. A base da programação Front-End é o tripé HTML + CSS + Javascript. Estas três linguagens de programação se completam, sendo que o HTML define o que vai em cima, o que é texto, o que é coluna, o que é imagem, e ainda torna a página colorida, atrativa.
II. CSS é um mecanismo para adicionar estilo despojado, cores, fontes, espaçamento, entre outras a um documento web. Em vez de colocar a formatação dentro do documento, o CSS cria um link para uma página que contém os estilos.
III. O javascript possibilita dar movimento e ação à página, tornando-a mais atrativa. Constitui-se como uma linguagem de programação criada para ser parte dos navegadores web, para que scripts possam ser executados e interajam com o usuário.
Marque a alternativa CORRETA:
Todas as afirmativas estão corretas.
Nenhuma afirmativa está correta.
Apenas uma afirmativa está correta.
Apenas duas afirmativas estão corretas.
O propósito da linguagem CSS é
criar scripts que executam de forma interpretada no navegador web quando uma página é carregada.
criar scripts que executam de forma interpretada em um servidor web, gerando conteúdo dinâmico a ser enviado ao navegador web do usuário que efetuou a requisição HTTP.
descrever consultas a bancos de dados relacionais, tipicamente utilizados no back-end de aplicativos web.
descrever como os elementos de uma página HTML devem ser apresentados pelo navegador, de forma separada do código HTML que define o conteúdo da página.
criar shell scripts que sejam executáveis no sistema operacional da máquina onde o servidor web é executado.
Para um analista adicionar um ícone de seta antes de todos os links criados com a tag <a> página, ele deve utilizar a configuração CSS3
a:before {add: "→ "}
a::before {content: "→ ";}
a:before {text: "→ "}
a[before] {content: "→ ";}
a::before {text: "→ ";}
O Cascading Style Sheets (CSS) ou Folha de Estilos em Cascata é uma linguagem de folhas de estilos que é utilizada para definir como os documentos escritos na linguagem de marcação (HTML ou XML) devem ser apresentados em termos de formatação, de layout.
Com relação aos principais benefícios do CSS, analise as afirmativas a seguir:
I- Maior consumo de banda e melhor desempenho devido ao reuso do mesmo código de formatação em várias páginas.
II- Possibilidade do controle do layout de vários documentos a partir de um único arquivo CSS.
III- Aplicação de técnicas mais sofisticadas de desenvolvimento.
Estão CORRETAS as afirmativas:
I, II e III.
I e II apenas.
II e III apenas.
I e III apenas.
Com relação ao CSS inline, assinale a alternativa correta.
Sua declaração ocorre em um arquivo com extensão .css.
Cada declaração CSS inline altera o conteúdo de uma única linha de texto.
A declaração CSS inline não permite alterar a coloração do texto.
Uma declaração CSS inline altera apenas o estilo do elemento HTML no qual ela está inserida.
Para realizar uma declaração CSS inline, é necessário realizá-la antes da tag <html> do arquivo HTML.
Quanto aos conceitos básicos sobre CSS e HTML, analise as afirmativas abaixo e dê valores Verdadeiro (V) ou Falso (F).
( ) Pode-se selecionar elementos HTML com uma classe usando o seletor "#" seguido pelo valor da classe.
( )Pode-se incluir CSS em um arquivo HTML usando a tag <alt> no cabeçalho da página ou usando a tag<include>.
( )Pode-se definir a cor de fundo de um elemento HTML usando a propriedade "background-color" em CSS.
Assinale a alternativa que apresenta a sequência correta de cima para baixo.
V - F - F
V - V - F
F - V - V
F - F - V
O seletor da seguinte regra CSS
[id] {
color: red;
text-align: center;
}
seleciona os elementos HTML
que possuem cor vermelha e alinhamento de texto centralizado.
cuja tag é <id> .
que contêm um atributo chamado id.
cujo atributo class possui valor id.
que correspondem a itens de listas não ordenadas.
Utilizando-se o CSS3, é possível criar efeitos animados por meio do atributo transform em conjunto com scripts.
Certo
Errado
Um código CSS que modifica o fundo do corpo de uma página HTML para um gradiente de cor branca em cima e cor cinza em baixo é:
html { background-color: repeating-linear-gradient(white, gray); }
body { background: linear-gradient(white, gray) fixed; }
body { background-origin: repeating-linear-gradient(white, gray); }
html { background-blend-mode: linear-gradient(white, gray); }
html { background-color: white; filter: grayscale(1); }
É possível obter informações relacionadas às propriedades CSS de um determinado elemento por meio de uma função do jQuery.
Assinale a alternativa que apresenta a sintaxe correta para obter o valor da propriedade background-color de um elemento h1.
$(“h1”).css(“background-color”)
$(“h1”).get(“background-color”)
$(“h1”).find(“background-color”)
$(“h1”).grep(“background-color”)
$(“h1”).c(“background-color”)
Existem diferentes técnicas e propriedades do CSS no posicionamento de elementos para construção de layouts. Tendo em vista esse assunto, assinale a alternativa INCORRETA.
O uso da propriedade "float" do CSS é uma técnica mais antiga de estruturação de elementos na página, permitindo que eles se posicionem para a esquerda ou direita da área disponível.
A propriedade "position" permite possibilidades diferentes de comportamento de posicionamento de elementos a partir dos valores: "static", "top", "relative", "absolute".
O CSS Grid é uma técnica de organização de conteúdo em duas dimensões, que estrutura os elementos em linhas e colunas, adequado a layouts mais complexos.
O Flexbox é mais indicado para layouts simples onde os elementos são distribuídos em uma dimensão, mas de maneira responsiva.
Uma das bases de construção de layout em CSS é o Box Model (Modelo de Caixa), que é composto por conteúdo, bordas, margens, preenchimento.
A quantidade de cores suportada pela linguagem CSS chega na casa dos milhões, porém apenas um pouco mais de 100 cores foram nomeadas. O código hexadecimal de uma cor começa com o caractere #, e os demais caracteres indicam que:
Os dois primeiros dígitos definem a quantidade de azul, os dois dígitos do meio definem a quantidade de verde e os dois últimos dígitos definem a quantidade de vermelho.
Os dois primeiros dígitos definem a quantidade de amarelo, os dois dígitos do meio definem a quantidade de azul e os dois últimos dígitos definem a quantidade de vermelho.
Os dois primeiros dígitos definem a quantidade de vermelho, os dois dígitos do meio definem a quantidade de verde e os dois últimos dígitos definem a quantidade de azul.
Os dois primeiros dígitos definem a quantidade de vermelho, os dois dígitos do meio definem a quantidade de amarelo e os dois últimos dígitos definem a quantidade de verde.
Analise o script abaixo.
<!DOCTYPE html>
<html>
<head>
<style>
div {
max-width: 200px;
border: 10px solid black;
padding: 30px;
margin: 12px;
background-color: lightgray;
}
.div {
background-color: lightgreen;
border: 6px solid red;
}
</
</
<body>
<div>
Essa é uma questão sobre CSS.
<div class="div">Essa é uma questão sobre CSS.</
</
</
</
Sobre a página apresentada, analise as afirmativas a seguir.
I. O texto “Essa é uma questão sobre CSS.” é exibido apenas uma vez.
II. São exibidas duas caixas, ambas com margens pretas.
III. Somente uma caixa é exibida, com margem vermelha.
Sobre essas afirmativas, é correto afirmar que:
nenhuma está correta;
somente I está correta;
somente II está correta;
somente III está correta;
todas estão corretas.
A seguir é apresentado um pequeno código em CSS.
p {
color: #0000FF;
}
Pode-se afirmar corretamente que este código fará com que os parágrafos escritos na página HTML estejam na cor
verde.
preta.
vermelha.
azul.
branca.
CSS3 pode ser usado para definir estilos para obter uma configuração de margens de texto e alinhamento. Avalie o seguinte código CSS3:
.titulo_pagina {
font-family:times new roman;
font-size:30px;
font-weight:bold;
color:blue;
text-align:center;
margin-top:20px;
}
Assinale a alternativa correta.
O estilo usa o tamanho de 30 pixels, a letra itálica e a cor azul para caracteres.
O estilo usa uma distância de 30 pixels com a parte superior da página e o estilo itálico e a cor azul para caracteres.
O estilo usa o tamanho de 30 pixels, a letra em negrito, a cor azul e alinhamento centralizado para caracteres.
O estilo usa o tamanho de 30 pixels, a letra em negrito, a cor azul e alinhamento à esquerda para caracteres.
O estilo usa o tamanho de 30 pixels, a letra em itálico e a cor azul e alinhamento centralizado para caracteres.
No script HTML5 com o CSS3 abaixo foi utilizado o elemento de layout chamada flexbox (Flexible Box Module) com o objeto unidimensional para organizar os elementos em uma tela.
Script exemplo CSS
.container {
display: flex;
flex-wrap: wrap-reverse;
width: 100px;
}
p {
width: 50px;
}
Scritp exemplo HTML
<div class=”container”>
<p>Item 1</
<p>Item 2</
<p>Item 3</
<p>Item 4</
</
Considerando as informações, assinale a alternativa que apresenta como ficará a ordem do texto mostrado em tela para o usuário.
Item 1 Item 2
Item 3 Item 4
tem 3 Item 1
Item 4 Item 2
Item 3 Item 4
Item 1 Item 2
Item 3 Item 2
Item 4 Item 1