Observe a estrutura da seguinte página: Cada um dos textos foi escrito utilizando uma tag HTML. Ordene todos os blocos que representam, na hierarquia correta, as tags utilizadas.

Durante a aula, aprendemos sobre dois tipos de espaçamento: o padding e margin. Agora, colocaremos esses conhecimentos em prática! Vamos desenvolver o seguinte código: • Um título com um espaçamento interno de 2 pixels igualmente para todos os lados; • O mesmo título com um espaçamento externo superior de 5 pixels. Qual dos códigos abaixo representa corretamente essas modificações?

a) h1 { font-size: 40px; padding-right: 2px; margin: 5px; }
b) h1 { font-size: 40px; padding: 2px; margin-left: 5px; }
c) h1 { font-size: 40px; padding-bottom: 2px; margin: 5px; }
d) h1 { font-size: 40px; padding: 2px; margin-top: 5px; }

Durante a aula, você aprendeu a utilizar classes para personalizar elementos da página HTML. Sobre as características de uma classe, é correto afirmar:

a) Uma classe tem como função personalizar apenas um elemento da página, como o título.
b) Para inserir uma classe no arquivo CSS, utilizamos o seletor . (ponto) antes de seu nome.
c) Para criar uma classe no arquivo HTML, utilizamos a palavra classe.
d) Ao criar uma classe no CSS, o arquivo index.html inclui automaticamente essa classe na página.

Caio desenvolveu o seguinte código:

Meu projeto escolar

Tema: programação

Lucas está refinando a estética do seu site e decidiu que os títulos principais precisam ser maiores para chamar mais atenção, enquanto os parágrafos precisam ser menores. Ordene todos os blocos abaixo de acordo com a hierarquias das tags e a importância dos elementos, começando pela maior hierarquia e importância.

h1 { fonte-size: 40px; } p { fonte-size: 20px; } body { fonte-size: 16px; }