Conteúdo
Adicione um pouco de cor ao seu web site com um pouco de CSS para iluminar seu texto. Aprenda neste artigo como mudar a cor da fonte com CSS
Quer embelezar seu site com várias cores de fonte diferentes? Você pode fazer isso com CSS. CSS significa Cascading Style Sheets e é a linguagem padrão para criar e gerenciar estilos para qualquer site.
Existem três maneiras de aplicar CSS a documentos HTML. Eles são CSS inline, CSS interno/inline e CSS externo.
Método 1: CSS embutido
Para alterar a cor da fonte em CSS, você precisa criar uma regra CSS para definir o valor da propriedade color.
Os métodos embutidos usam atributos de estilo que podem ser aplicados a praticamente qualquer elemento. Aqui está um exemplo que define a cor da fonte de um parágrafo HTML para vermelho:
<p style="color: red;">Parágrafo do texto</p>Você pode obter o mesmo efeito com CSS interno/embutido ou CSS externo.
Atenção! Descubra os melhores cursos de programação neste guia especial: Cursos de Programação.
Método 2: CSS interno/incorporado
Então, use esse método quando quiser criar regras CSS que afetem várias instâncias de elementos HTML, mas apenas uma única página. Em seguida, use o elemento style para escrever as regras CSS no cabeçalho da página HTML:
<head>
<style>
p { color: blue }
</style>
</head>Método 3: CSS externo
Uma terceira maneira de obter o mesmo efeito é usar uma folha de estilo CSS externa. Use um editor de texto para criar um arquivo com a extensão “.css”. É uma prática comum chamar esse arquivo de algo como style.css, mas você pode nomeá-lo como quiser, desde que mantenha a extensão “.css”.
Para colorir o corpo do texto de verde, por exemplo, usando uma folha de estilo externa, basta colar a regra CSS assim:
p { color: blue }Então, em seu documento HTML, você deve incluir um link para sua folha de estilo no elemento de cabeçalho HTML:
<html>
<head>
<link rel="stylesheet" href="stylesheet.css">
</head>
<body>
<p>Parágrafo do texto!</p>
</body>
</html>Alterar a cor da fonte em HTML sem aplicar CSS
A melhor prática é usar CSS, mas veja como alterar a cor da fonte usando apenas HTML:
<p><font color="red">Parágrafo do texto</font></p>O elemento font e seu atributo color estão obsoletos. Isso porque são elementos expressivos e não estruturais. O HTML moderno deve conter apenas elementos estruturais.
Leia também: Samsung supera Intel como principal vendedor de semicondutores
Alterar a cor da fonte em CSS é relativamente simples
Portanto, mostramos três maneiras de alterar a cor da fonte em CSS. Também mostramos como fazer isso à moda antiga usando tags de origem HTML. Experimente e veja qual funciona melhor para você!
Bacharel em Sistemas de Informação pela Faculdade Maurício de Nassau e desenvolvedor PHP. Além de programador, produzo conteúdo e gerencio blogs. Sou especialista em desenvolvimento de software e SEO de sites.
