Exercícios de CSS para Alunos

Front End

•

UFRJ

Astronomia com Kyo

22/05/2024

Prévia do material em texto

CSS (Cascading Style Sheets) 
 
 
1. Exercício: Peça aos alunos que criem um arquivo CSS básico para estilizar 
um documento HTML fornecido. O documento HTML representa uma lista 
de tarefas simples e os alunos devem aplicar estilos para tornar a lista mais 
atraente visualmente.
Resposta (arquivo style.css):
1. Exercício: Peça aos alunos que analisem um trecho de código CSS fornecido 
e respondam a algumas perguntas com base nele. Por exemplo, dada a 
seguinte regra CSS, pergunte sobre a propriedade que está sendo estilizada, 
o valor dessa propriedade e em que elementos a regra será aplicada.
Resposta:
Propriedade estilizada: font-family
Valor da propriedade: Arial, sans-serif
Elemento ao qual a regra será aplicada: <body>
Esses exercícios ajudam os alunos a entender a sintaxe básica do CSS, as 
propriedades e valores disponíveis, e como aplicar estilos a elementos HTML 
específicos. Além disso, eles praticam a criação e análise de código CSS.
cssCopy code/* Estilizando a lista de tarefas */
ul {
 list-style-type: none;
 padding: 0;
}
li {
 background-color: #f2f2f2;
 margin-bottom: 10px;
 padding: 10px;
 border-radius: 5px;
}
cssCopy codebody {
 font-family: Arial, sans-serif;
}
af://n1984
	 CSS (Cascading Style Sheets)