Exercícios - CSS 1ª Aula Prática

Prévia do material em texto

Exercícios - CSS
Exercícios CSS - Nível Fácil
Exercício 1
Qual o significado do acrônimo "CSS"?
Enviar
Exercício 2
Qual a utilização do CSS?
Enviar
Exercício 3
Existem quantos tipos de seletores, e quais são eles?
Enviar
Exercício 4
Como devemos indicar classes nos arquivos CSS?
Enviar
Exercício 5
Na ordem de cascata, qual é a maior prioridade?
Enviar
Exercícios CSS - Nível Intermediário
Exercício 1
Controller Stylish Sheets
Control Style Sheets
Cascading Style Sheets
Cascating Styler Sheet
Resposta Correta!
Formatar páginas web
Criar páginas web
Criar criptografias
Formatar documentos de texto
Resposta Correta!
3 - Elementos, Classes, RGs
4 - Classes, IDs, Atributos, Elementos
4 - Elementos, Classes, IDs, Qualidades
3 - Elementos, Classes, IDs
Resposta Correta!
.nome da classe
#nome da classe
$nome da classe
.nome_da_classe
Resposta Correta!
Folha de Estilos
Formatação Inline
Formatação Head
!important
Resposta Correta!
O que é Box Model?
Enviar
Exercício 2
Quais são os elementos mostrados no Box Model?
Enviar
Exercício 3
Qual o significado de DOM?
Enviar
Exercício 4
Defina uma classe "teste", e atribua uma propriedade que faça com que o elemento flutue a esquerda.
.teste{ 
 float:left; 
} 
 
Enviar
Exercício 5
Utilizando a mesma classe teste, atribua uma propriedade que faça com que o elemento tenha uma disposição em blocos
.teste{ 
 display:block; 
} 
 
Enviar
Exercícios CSS - Nível Avançado
Exercício 1
Quais os tipos de formatação CSS que podem ser utilizados?
Enviar
Exercício 2
Ligue o arquivo "estilo.css" ao seu HTML
Diagrama que mostra os elementos HTML
Diagrama que mostra os elementos CSS
Diagrama que mostra os elementos do DOM
Diagrama que mostra os elementos naturais
Resposta Correta!
Conteúdo, Padding, Border e Margin
Conteúdo, Text-Shadow, Border e Margin
Conteúdo, Padding, Text-Align e Margin
Body, Padding, Border e Margin
Resposta Correta!
Document Object Metric
Diagram Object Metrics
Diagram Object Model
Document Object Model
Resposta Correta!
Resposta Correta!
Resposta Correta!
Inline, Body e Head
Inline, Head e HTML
Inline, Head e em Folha de Estilos
Inline, Head e em Folha de Sulfite
Resposta Correta!
utilize a tag <link> para fazer a ligação
lembre-se que a tag <link> é self-closing
utilize os atributos rel e href
<link rel="stylesheet" href="estilo.css" />
 
Enviar
Exercício 3
Utilizando a seguinte propriedade: margin:10px 20px 5px 15px;
Em ordem, para quais lados os 4 valores definem a formatação?
Enviar
Exercício 4
Qual a função da propriedade overflow:hidden;?
Enviar
Exercício 5
Faça duas classes, .titulo e .textoTitulo, que possuam a mesma formatação
margem de 10px, borda esquerda vermelha de 1px (#FF0000), display em blocos e tamanho da fonte de 15px
.titulo .textoTitulo{ 
 margin:10px; 
 border-left:1px solid #FF0000; 
 font-size:15px; 
 display:block; 
} 
 
Enviar
Resposta Correta!
Cima, Baixo, Direita, Esquerda
Cima, Esquerda, Direita, Baixo
Baixo, Direita, Cima, Esquerda
Cima, Direita, Baixo, Esquerda
Resposta Correta!
Adicionar uma barra de rolagem, mesmo quando não for necessário
Mantém a sobra do elemento visível
Esconde a sobra do elemento
Adiciona uma barra de rolagem quando o elemento sobrar
Resposta Correta!
Resposta Correta!