Como usar CSS para alterar a cor da fonte

Olhando para enfeitar seu site com algumas cores de fonte diferentes? Você pode fazer isso usando CSS. CSS significa Cascading Style Sheets e é a linguagem padrão usada para criar e gerenciar o estilo de qualquer site.

Existem três métodos de aplicação de CSS a um documento HTML. Estes são CSS inline, CSS interno/embutido e CSS externo.

Método um: CSS embutido

Para alterar a cor da fonte em CSS, você precisará criar uma regra CSS para definir o valor da propriedade de cor.

O método inline usa a propriedade de estilo que você pode aplicar a quase qualquer elemento. Aqui está um exemplo que define a cor da fonte de um parágrafo HTML para vermelho:

Parágrafo de texto

Você pode obter o mesmo efeito usando CSS interno/embutido ou CSS externo.

Método dois: CSS interno/incorporado

Você pode usar esse método quando quiser criar regras CSS que afetem mais de uma instância de um elemento HTML, mas apenas em uma única página. As regras CSS são então escritas no cabeçalho da página HTML, usando um elemento de estilo:

Método três: CSS externo

A terceira maneira de obter o mesmo efeito é usar uma folha de estilo CSS externa. Usando um editor de texto, crie um arquivo com a extensão ".css". A prática comum é chamar esse arquivo de algo como folha de estilo.css mas você pode nomeá-lo como quiser, desde que mantenha a extensão ".css".

Para colorir seu corpo de texto de verde, por exemplo, usando uma folha de estilo externa, basta colar a regra CSS assim:

p { cor: azul }

Em seu documento HTML, você deve incluir um link para sua folha de estilo no elemento HTML head:

Parágrafo de texto

Alterando a cor da fonte em HTML, sem aplicação de CSS

A melhor prática é usar CSS, mas veja como alterar a cor da fonte usando apenas HTML:

Parágrafo de texto

O elemento font, juntamente com seu atributo color, está obsoleto. Isso ocorre porque eles são elementos de apresentação e não estruturais. O HTML moderno deve consistir apenas em elementos estruturais.

Alterar a cor da fonte em CSS é relativamente simples

Mostramos três métodos para alterar a cor da fonte em CSS. Também mostramos como fazer isso da maneira antiga usando a tag de fonte HTML. Experimente e veja qual funciona melhor para você!

Depois de dominar a alteração da cor da fonte usando CSS e HTML, convém dominar a alteração do tamanho da fonte em HTML.

Como alterar o tamanho da fonte HTML em CSS

Leia a seguir

Sobre o autor