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
 

No CSS3, o seletor que seleciona todos elementos que possuem um link para um arquivo com extensão “.exe” é:


A

a[href$='.exe'


B

a[href='.exe$']


C

a.href='.exe$'


D

a#href='.exe'


E

a[href^='.exe']

Considere o código da página web a seguir.

-

<!DOCTYPE html>

<html>

<head>

<title>Home</title>

<style>

I

</style>

</head>

<body>

<h1>TRIBUNAL REGIONAL DO TRABALHO DA 5ª REGIÃO</h1>

<p>Estado da Bahia</p>

</body>

</html>

-

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


A

::content-selection {background: yellow}


B

::selection {background: yellow}


C

body:selection {background: yellow}


D

::selection {background: #339900}


E

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.


A

media-type="aural"


B

media="aural-synthesizer"


C

speaker="true"


D

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:


A

rótulo e identificador


B

identificador


C

classe e identificador


D

rótulo


E

classe

Dentre os formatos de seletores que podem ser definidos no CSS3, a expressão


E[xxx="yyy"]


casaria com o elemento E,


A

cuja classe “xxx” é sinônima da classe “yyy”.


B

cujo valor do atributo “xxx” contém em qualquer posição a string “yyy”.


C

cujo valor do atributo “xxx” é igual a “yyy”.


D

cujo valor do atributo “xxx” inicia com a string “yyy”.


E

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.


A

@COLUMN-FILL


B

@FONT-FACE


C

@LINEAR-GRADIENT


D

@BACKGROUND-COLOR


E

@CLEARFIX

Ano: 2022
Prova: FCC - TJ CE - Analista Judiciário - Área Ciência da Computação - Sistemas da Informação - 2022

Para colocar a cor de fundo vermelha apenas dos campos (inputs) do tipo text de um formulário, utiliza-se a instrução CSS


A

input [type=text] {background-color: #00ff00}


B

input. type [text] {background-color: #ff0000}


C

input [type=text] {background-color: #ff0000}


D

input.type[text] {background: rgb(0,255,0)}}


E

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.


A

Elementos <*>; elementos < h1>; elementos com name=”xpto”.


B

Todos os elementos da página; elementos da classe h1; elementos com id=”#xpto”.


C

Todos os elementos da página; elementos <h>; elementos com id=”xpto”.


D

Todos os elementos da página; elementos da classe h1; elementos com id=”#xpto”.


E

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:


A

contêm a string “par” no atributo name;


B

estão marcados pela classe “par”;


C

foram criados dinamicamente na montagem da página;


D

foram definidos como parágrafos;


E

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;

_______}


A

Seletor CSS.


B

Classe CSS.


C

ID CSS.


D

Função JavasSript.


E

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


A

F, F, F.


B

F, V, V.


C

V, F, V.


D

V, V, F.

O trecho de código abaixo está representando uma construção de um(a):

h2{ margin: 0px; }


A

Seletor CSS.


B

Classe Bootstrap.


C

Função JavaScript.


D

Classe CSS.


E

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.


A

Estilizar todos os elementos <p>.


B

Definir uma classe CSS intitulada p.


C

Definir uma variável CSS intitulada p.


D

Estilizar todos os elementos com id=p.


E

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;

}


A

Todos os parágrafos da página têm o texto alinhado para a direita.


B

Todo o texto será escrito em negrito e alinhado à direta.


C

Todo os parágrafos serão alinhados à direta e deixados em itálico.


D

Todo texto inserido antes desse comando estará alinhado à esquerda e em negrito.


E

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


A

o padrão de preenchimento.


B

a densidade da cor de fundo.


C

o espaçamento entre as letras no texto.


D

a espessura da área que separa os parágrafos.


E

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.


A

p { font-size: 20px; color: blue}


B

.p { font-size: 20px; color: blue}


C

#p { font-size: 20px; color: blue}


D

<p> { font-size: 20px; color: blue}


E

: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:


A

#


B

%


C

&


D

*


E

@

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

A primeira é chamada de externa e para conseguirmos usá-la necessitamos de um arquivo HTML externo.


B

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">


C

A segunda forma é conhecida como backgound de estilo.


D

Todas as alternativas estão corretas.


E

Todas as alternativas estão incorretas.

No CSS, a propriedade outline é uma linha desenhada


A

quando o objeto não possui borda.


B

por cima do objeto.


C

por trás do objeto.


D

dentro da borda do objeto.


E

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;}

</style>

</head>

<body>

<h1>definição de cores com opacidade< /h1>

<b><p id="p1">ALFA</p>

<p id="p2">BETA</p>

<P id="p3">GAMA</p></b>

</body>

</html>


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


A

verde, amarelo e azul.


B

vermelho, cinza e verde.


C

amarelo, azul e vermelho.


D

cinza, verde e amarelo.


E

azul, vermelho e cinza.

   
Gerar simulado