

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 CSS3, o seletor que seleciona todos elementos que possuem um link para um arquivo com extensão “.exe” é:
a[href$='.exe'
a[href='.exe$']
a.href='.exe$'
a#href='.exe'
a[href^='.exe']
Considere o código da página web a seguir.
-
<!DOCTYPE html>
<html>
<head>
<title>Home</
<style>
I
</
</
<body>
<h1>TRIBUNAL REGIONAL DO TRABALHO DA 5ª REGIÃO</
<p>Estado da Bahia</
</
</
-
Para que, ao selecionar os conteúdos textuais do corpo da página o fundo do conteúdo selecionado fique amarelo, a lacuna I deve ser corretamente preenchida pela instrução CSS
::content-selection {background: yellow}
::selection {background: yellow}
body:selection {background: yellow}
::selection {background: #339900}
body::content-selection {background: #F2FF14}
Sobre as Ferramentas de desenvolvimento Web: HTML, um desenvolvedor inseriu em uma página web com HTML a referência a seguir para um arquivo CSS.
<link type="text/css" href="audio.css">
Um atributo deve ser acrescentado na referência para que o arquivo CSS possa ser utilizado pelos sintetizadores de fala. Os sintetizadores são conhecidos como leitores de tela e fazem a leitura em áudio da página. Indique, entre as alternativas, esse atributo.
media-type="aural"
media="aural-synthesizer"
speaker="true"
media="speech"
Considere um código HTML 5, o qual está sendo estilizado utilizando CSS 3. Isso posto, você precisa modificar certa propriedade de um grupo de elementos para torná-los animados. Ao encontro disso, do(s) seletore(s) CSS a seguir listado(s), aquele(s) utilizado(s) para especificar um grupo de elementos é/são:
rótulo e identificador
identificador
classe e identificador
rótulo
classe
Dentre os formatos de seletores que podem ser definidos no CSS3, a expressão
E[xxx="yyy"]
casaria com o elemento E,
cuja classe “xxx” é sinônima da classe “yyy”.
cujo valor do atributo “xxx” contém em qualquer posição a string “yyy”.
cujo valor do atributo “xxx” é igual a “yyy”.
cujo valor do atributo “xxx” inicia com a string “yyy”.
cujo valor do atributo “xxx” termina com a string “yyy”.
Diversas adições do CSS3 são extremamente úteis para substituir vários tipos de imagens que utilizávamos anteriormente para adicionar cores e formas aos elementos HTML. Uma dessas novas regras permite definir novas famílias de fontes que as nossas páginas utilizam e informa ao navegador e ao sistema operacional do usuário onde o arquivo necessário para desenhar os traços da sua fonte está localizado. Assinale a alternativa que representa essa nova regra.
@COLUMN-FILL
@FONT-FACE
@LINEAR-GRADIENT
@BACKGROUND-COLOR
@CLEARFIX
Para colocar a cor de fundo vermelha apenas dos campos (inputs) do tipo text de um formulário, utiliza-se a instrução CSS
input [type=text] {background-color: #00ff00}
input. type [text] {background-color: #ff0000}
input [type=text] {background-color: #ff0000}
input.type[text] {background: rgb(0,255,0)}}
input[type('text')] {background-color:rgb(255,0,0)}
No contexto da linguagem de estilo CSS, considere os seletores utilizados no trecho a seguir.
* { font-family: Tahoma, Verdana, sans-serif;
}
h1 {
text-align: center;
color: red;
}
#xpto { color: blue;
}
Assinale o alcance de cada um dos três seletores, na ordem.
Elementos <*>; elementos < h1>; elementos com name=”xpto”.
Todos os elementos da página; elementos da classe h1; elementos com id=”#xpto”.
Todos os elementos da página; elementos <h>; elementos com id=”xpto”.
Todos os elementos da página; elementos da classe h1; elementos com id=”#xpto”.
Todos os elementos da página; elementos <h1>; elementos com id=”xpto”.
Analise o código CSS exibido a seguir.
#par {
text-align: center;
color: red;
}
No HTML abrangido pelo comando, serão afetados por esse estilo todos os elementos HTML que:
contêm a string “par” no atributo name;
estão marcados pela classe “par”;
foram criados dinamicamente na montagem da página;
foram definidos como parágrafos;
têm o atributo id igual a “par”.
O trecho de código a seguir está representando uma construção de um(a):
_
_#container{
background: #FFF;
____width: 800px;
____margin: 10px auto;
____padding: 10px;
_______}
Seletor CSS.
Classe CSS.
ID CSS.
Função JavasSript.
Seletor JavaScript.
CSS é abreviatura de Cascading Style Sheet(Folhas de Estilo em Cascata); segundo a W3C, trata-se de “um mecanismo simples para adicionar estilos como: fontes, cores, espaçamentos) aos documentos web”. Sobre essa tecnologia, marque V para as afirmativas verdadeiras e F para as falsas.
( ) A regra CSS p em {color: red;} é um seletor simples de tipo que seleciona todos os elementos p e em de um documento HTML.
( ) A regra CSS div {padding: 50px 10px;} define que os elementos div de um documento HTML terão bordas, sendo a espessura 10px nas laterais e 50px nas superior e inferior.
( ) A regra CSS . a {color: red;} altera a cor de todos os hiperlinks de um documento HTML para vermelho.
A sequência está correta em
F, F, F.
F, V, V.
V, F, V.
V, V, F.
O trecho de código abaixo está representando uma construção de um(a):
h2{ margin: 0px; }
Seletor CSS.
Classe Bootstrap.
Função JavaScript.
Classe CSS.
Identificador JavaScript.
Analise o trecho de código CSS3 a seguir.
p {
color: red;
text-align: center;
}
Assinale o efeito causado por essa declaração.
Estilizar todos os elementos <p>.
Definir uma classe CSS intitulada p.
Definir uma variável CSS intitulada p.
Estilizar todos os elementos com id=p.
Um erro, pois falta definir o seletor da regra.
Dentro de um projeto de desenvolvimento web utilizando CSS, analisando a seguinte sintaxe, assinale a alternativa correta.
p {
text-align: right;
}
Todos os parágrafos da página têm o texto alinhado para a direita.
Todo o texto será escrito em negrito e alinhado à direta.
Todo os parágrafos serão alinhados à direta e deixados em itálico.
Todo texto inserido antes desse comando estará alinhado à esquerda e em negrito.
Todo conteúdo da página terá sua borda, sua cor e estilo alinhados à direita.
Com relação às regras escritas em CSS3, o papel da propriedade padding em um box é definir
o padrão de preenchimento.
a densidade da cor de fundo.
o espaçamento entre as letras no texto.
a espessura da área que separa os parágrafos.
a espessura da área que separa a borda do conteúdo.
No contexto do CSS numa página Web, assinale o script que estabelece que todos os elementos <p> serão exibidos de acordo com a definição dos estilos.
p { font-size: 20px; color: blue}
.p { font-size: 20px; color: blue}
#p { font-size: 20px; color: blue}
<p> { font-size: 20px; color: blue}
:p { font-size: 20px; color: blue}
No contexto do uso de CSS para aplicar estilos a elementos HTML numa página web, o seletor universal, que referencia todos os elementos, é identificado pelo símbolo:
#
%
&
*
@
Há duas formas de utilizarmos as folhas de estilos CSS (Cascading Style Sheets) em nossos projetos. A primeira é usarmos diretamente nas tags HTML, ou seja, junto com a marcação e a segunda é definirmos um arquivo com a extensão .css e o vincularmos, por meio de tags, às nossas páginas. Sobre as formas apresentadas julgue.
A primeira é chamada de externa e para conseguirmos usá-la necessitamos de um arquivo HTML externo.
A primeira forma é chamada de inline e um exemplo de utilização é o código: <img alt="imagem" scr="../imagens/teste.png" style="display: block; margin: 0px">
A segunda forma é conhecida como backgound de estilo.
Todas as alternativas estão corretas.
Todas as alternativas estão incorretas.
No CSS, a propriedade outline é uma linha desenhada
quando o objeto não possui borda.
por cima do objeto.
por trás do objeto.
dentro da borda do objeto.
fora da borda do objeto.
Um perito se deparou numa dada situação, que exigia sua análise no código HTML da figura abaixo, que também utiliza sintaxe CSS.
<html> <head> <style> #p1 {background-color:rgb(0,255,0);opacity:0.6;} #p2 {background-color:rgb(255,255,0);opacity:0.6;} #p3 {background-color:rgb(0,0,255);opacity:0.6;} </ </ <body> <h1>definição de cores com opacidade< / <b><p id="p1">ALFA</ <p id="p2">BETA</ <P id="p3">GAMA</ </ </ |
Após a execução desse código, as palavras ALFA, BETA e GAMA serão mostradas com fonte na cor preta e fundo, respectivamente, nas cores
verde, amarelo e azul.
vermelho, cinza e verde.
amarelo, azul e vermelho.
cinza, verde e amarelo.
azul, vermelho e cinza.