Carregando
0x00Lição 1 de 9

Dê os primeiros estilos à página

Conecte CSS e escreva seu primeiro seletor e declaração.

12 min Questionário com 5 perguntas 1 exercício de código
Ao final desta lição, você saberá
  • Explicar a função do CSS e criar regra básica.

CSS controla aparência e layout de conteúdo HTML. Uma regra possui seletor e bloco de declarações com propriedades e valores.

styles.css
1h1 {
2  color: darkgreen;
3  font-size: 2rem;
4}
Saída
h1 text is dark green and larger

A folha de estilo externa é carregada no head via link. Cada declaração termina em ponto e vírgula.

Principais conclusões

  • Explicar a função do CSS e criar regra básica.

  • Prefira regras simples e reutilizáveis.

  • Padronize tokens e estados para facilitar evolução visual.

Quiz da aula

5 perguntas · aprovação com 4 acertos · até 50 XP

Ao passar, você conclui a aula e mantém sua sequência. As perguntas erradas voltarão em sessões de revisão.

Pratique: escreva código em CSS

Estilize a página de exemplo, veja as mudanças na prévia isolada e execute verificações nos estilos calculados.

Exercício 1

Estilize o título

+25 XP

Selecione .page-title e defina color como #165b33 e font-size como 32px.

  • Estilos do título
styles.css
Carregando editor…
Prévia da página com estilos

Seu CSS é aplicado a uma página de exemplo em uma prévia isolada. Os testes verificam os estilos calculados.

Dúvidas sobre esta lição

Travou em algum ponto? Pergunte. Descobriu algo? Compartilhe. Explicar também é uma ótima forma de aprender.

Carregando publicações…