5.2.2 Texto

O CSS oferece várias propriedades para estilizar textos, definindo desde a fonte usada até o tamanho e alinhamento. Vamos explorar as principais:

Define a família da fonte do texto. Pode-se usar nomes de fontes específicos ou famílias genéricas como serif, sans-serif, monospace, etc.

Exemplo:

cssCopiarEditarp {
  font-family: Arial, sans-serif;
}

O navegador tenta usar a primeira fonte (Arial). Se não estiver disponível, usa a próxima (sans-serif).

Dica: Sempre use uma fonte reserva, separadas por vírgula.

Define o tamanho da fonte.

Exemplo:

cssCopiarEditarh1 {
  font-size: 32px;
}

Unidades comuns:

Exemplo com unidades diferentes:

cssCopiarEditarp {
  font-size: 1.2em;
}

Controla o alinhamento horizontal do texto.

Valores possíveis:

Exemplo:

cssCopiarEditardiv {
  text-align: center;
}

cssCopiarEditararticle {
  font-family: 'Georgia', serif;
  font-size: 18px;
  text-align: justify;
}

Neste exemplo, o texto dentro da <article> será exibido com a fonte Georgia (ou serifada), tamanho 18px e alinhamento justificado.

Atualizado há 6 meses