Baixe o app para aproveitar ainda mais
Leia os materiais offline, sem usar a internet. Além de vários outros recursos!
CSS - folhas de estilo - IFRS
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Compartilhar
Prévia do material em texto
CSS: folhas de estilo - IFRS
1.5 Teste – Módulo 1
Iniciado em sábado, 5 ago 2023, 11:09
Estado Finalizada
Concluída em sábado, 5 ago 2023, 11:24
Tempo
empregado
15 minutos 8 segundos
Avaliar 7,00 de um máximo de 10,00(70%)
Questão 1
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Complete o comando CSS para que todas textos de parágrafos
fiquem com a fonte tamanho 10px:
p {
: 10px;
}
Resposta:
font-size
Questão 2
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Qual é o elemento HTML utilizado para referenciar um arquivo de
folha de estilos?
Escolha uma opção:
a.
<link rel="stylesheet" type="text/css" href="mystyle.css">
b.
<stylesheet>mystyle.css</stylesheet>
c.
<style src="mystyle.css">
Feedback
Sua resposta está correta.
Questão 3
Incorreto
Atingiu 0,00 de 1,00
Marcar questão
Texto da questão
Complete o comando CSS para que todos os parágrafos com o
nome MeuParagrafo da página fiquem com borda coral:
Resposta
h1.meuparagrafo
{
border-style: solid;
border-color: coral;
}
Questão 4
Incorreto
Atingiu 0,00 de 1,00
Marcar questão
Texto da questão
Complete o comando CSS para que todos os parágrafos da página
fiquem com borda coral:
Resposta
h1.all
{
border-style: solid;
border-color: coral;
}
Questão 5
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Como você seleciona os elementos da classe "teste"?
Escolha uma opção:
a.
.teste
b.
#teste
c.
*teste
d.
teste
Feedback
Sua resposta está correta.
Questão 6
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Complete o comando CSS para que todas textos do parágrafo
fiquem com alinhamento centralizado:
p {
text-align: Resposta
center
;
}
Questão 7
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Qual propriedade CSS é usada para alterar a cor de um texto?
Escolha uma opção:
a.
fgcolor
b.
color
c.
text-color
Feedback
Sua resposta está correta.
Questão 8
Incorreto
Atingiu 0,00 de 1,00
Marcar questão
Texto da questão
Como você adicionaria uma cor de fundo para todos os elementos
H1?
Escolha uma opção:
a.
h1.all {background-color:#FFFFFF;}
b.
all.h1 {background-color:#FFFFFF;}
c.
h1 {background-color:#FFFFFF;}
Feedback
Sua resposta está incorreta.
Questão 9
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Complete o comando CSS para que todas textos de cabeçalho 1
fiquem com itálico:
h1 {
Resposta
font-style
: italic;
}
Questão 10
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Como você insere um comentário em um arquivo CSS?
Escolha uma opção:
a.
/* este é um comentário */
b.
// este é um comentário
c.
// este é um comentário //
d.
' este é um comentário
Feedback
Sua resposta está correta.
2.4 Teste – Módulo 2
Iniciado em sábado, 5 ago 2023, 11:26
Estado Finalizada
Concluída em sábado, 5 ago 2023, 11:45
Tempo
empregado
18 minutos 41 segundos
Avaliar 9,00 de um máximo de 10,00(90%)
Questão 1
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Considerando os tipos de mídia, qual devemos selecionar para criar
estilos específicos para impressoras?
@media Resposta
print
{
}
Questão 2
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Como você faz uma lista de marcadores cujos itens estão em
quadrados?
Escolha uma opção:
a.
list-type: square;
b.
list: square;
c.
list-style-type: square;
Feedback
Sua resposta está correta.
Questão 3
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Complete o comando CSS para que, quando o mouse esteja sobre o
texto do link, esse texto fique em laranja:
a:Resposta
hover
{
color: orange;
}
Questão 4
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Qual comando deve ser preenchido para que os itens da lista sejam
identificados por quadrados?
<html>
<head>
<style>
ul.a {list-style-type: Resposta
square
;}
</style>
</head>
<body>
<h1>Lista</h1>
<ul class="a">
<li>Café</li>
<li>Chá</li>
<li>Suco</li>
</ul>
</body>
</html>
Questão 5
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Complete o código abaixo de modo que todos os itens de lista, cuja
class é minhalista, sejam com marcadores em quadrados
preenchidos e o texto esteja com tamanho de 14px.
.Resposta
minhalista
Resposta
li
{
Resposta
font-size
: 14px;
list-style-type: Resposta
square
;
}
Questão 6
Incorreto
Atingiu 0,00 de 1,00
Marcar questão
Texto da questão
Considerando os tipos de mídia, qual devemos selecionar para criar
estilos específicos para dispositivos em braile tátil?
@media Resposta
tactile
{
}
Questão 7
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Considerando os tipos de mídia, qual devemos selecionar para criar
estilos específicos para impressoras?
@media Resposta
print
{
}
Questão 8
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Considerando os tipos de mídia, qual devemos selecionar para criar
estilos específicos para dispositivos de impressora em braile?
@media Resposta
embossed
{
}
Questão 9
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Como você exibiria os links sem o sublinhado?
Escolha uma opção:
a.
a {text-decoration:no-underline;}
b.
a {decoration:no-underline;}
c.
a {underline:none;}
d.
a {text-decoration:none;}
Feedback
Sua resposta está correta.
Questão 10
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Complete o comando CSS para que o texto do link visitado seja
laranja:
a:Resposta
visited
{
color: orange;
}
3.2 Teste – Módulo 3
Iniciado em sábado, 5 ago 2023, 11:46
Estado Finalizada
Concluída em sábado, 5 ago 2023, 11:54
Tempo empregado 7 minutos 53 segundos
Avaliar 8,71 de um máximo de 10,00(87%)
Questão 1
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Complete o comando CSS para que todas textos de DIV fiquem com fonte Arial:
div {
Resposta
font-family
: Arial
}
Questão 2
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Complete o comando CSS para que todas as DIV da página tenham 300px de largura e
sejam alinhadas à direita:
div {
: right;
width: 300px;
border: 3px solid #73AD21;
}
Resposta:
f loat
Questão 3
Parcialmente correto
Atingiu 0,71 de 1,00
Marcar questão
Texto da questão
Suponha que o resultado de uma página seja a seguinte:
O código HTML desta página é:
<html>
<head>
<title>Título<title>
</head>
<body>
<div class="caixa" id="caixa1">Caixa 1</div>
<div class="caixa" id="caixa2">Caixa 2</div>
</body>
</html>
Complete o código CSS de modo que o resultado seja o apresentado no navegador:
.Resposta
caixa
{
Resposta
w idth
: 100px;
Resposta
height
: 200px;
}
#Resposta
caixa1
{
Resposta
background
-color: blue;
}
#Resposta
caixa2
{
Resposta
background
-color: red;
}
Questão 4
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Como você seleciona todos os elementos p dentro de uma div?
Escolha uma opção:
a.
div p
b.
div + p
c.
div.p
Feedback
Sua resposta está correta.
Questão 5
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Complete o comando CSS para que todas as DIV da página tenham o tamanho de 80%
em relação à página
div {
Resposta
w idth
: 80%;
}
Questão 6
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Complete o comando CSS para que todasas DIV da página tenham a altura de 50% em
relação à página
div {
Resposta
height
: 50%;
}
Questão 7
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Qual é a propriedade usada para alterar a cor de fundo?
Escolha uma opção:
a.
background-color
b.
color
c.
bgcolor
Feedback
Sua resposta está correta.
Questão 8
Incorreto
Atingiu 0,00 de 1,00
Marcar questão
Texto da questão
Complete o comando CSS para que todas as DIV da página tenham o texto recuado em
10px: relação à página
div {
Resposta
text-indent
: 10px;
}
Questão 9
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Complete o comando CSS para que todas as DIV da página fiquem com borda vermelha
aredondada em 25px:
div {
border: 2px solid red;
Resposta
border-radius
: 25px;
}
Questão 10
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Complete o comando CSS para que todas as DIV da página fiquem a 300px do topo da
página
div {
Resposta
top
: 300px;
}
Compartilhar