Carregando
0x10Lição 2 de 9

Defina texto legível e cor

Escolha tipografia, alinhamento e contraste.

13 min Questionário com 5 perguntas 1 exercício de código
Ao final desta lição, você saberá
  • Aplicar propriedades de texto para leitura confortável.

CSS oferece propriedades para tamanho, peso, família e alinhamento. Texto precisa de contraste adequado com fundo.

type.css
1.notice {
2  color: #17324d;
3  font-family: Arial, sans-serif;
4  font-size: 1.125rem;
5  line-height: 1.6;
6}
Saída
A clear, comfortable notice

Use fallbacks em font-family e prefira unidades relativas quando fizer sentido.

Principais conclusões

  • Aplicar propriedades de texto para leitura confortável.

  • 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

Crie um aviso legível

+25 XP

Estilize .note com color: #17324d, font-size: 20px e alinhamento central.

  • Estilos do aviso
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…