3 formas de alterar a cor da fonte com CSS · brayanmonteiroo

código css

Nesta postagem vou mostrar como alterar a cor da fonte com css de 3 formas diferentes, direto ao ponto, vamos lá!

1ª forma: CSS embutido

Aqui neste método você vai editar a cor diretamente dentro da tag HTML, o que não é recomendado, mas importante saber que é possível.

<p style="color: red;">Parágrafo do texto</p>

2ª forma: interno ou incorporado

Nesta forma você vai colocar dentro da tag <head> no html uma tag <style> e todas as mudanças feitas dentro da tag <style> afetará todas as instancias CSS dentro deste único documento HTML, ou seja, somente está página HTML será estilizada.

<head>
 <style>
  p { color: blue }
 </style>
</head>

3ª forma: CSS externo

Esta é a forma mais utilizada, onde você cria um arquivo .css e o referencia dentro do documento HTML.

Como referenciar o arquivo CSS dentro do documento HTML:

<html>
 <head>
  <link rel="stylesheet" href="stylesheet.css">
 </head>
 <body>
  <p>Parágrafo do texto!</p>
 </body>
</html>

Com isso feito, dentro do arquivo stylesheet.css você pode estilizar a vontade que toda página HTML que for referenciada sofrerá a estilização:

p { color: blue }

Conclusão

Isso se aplica não somente a cor da fonte mas a absolutamente toda forma de estilização. A 3ª forma é que você encontrará com mais frequência e a mais utilizada em exemplo pela internet e profissionalmente.