Cor do Texto
Parte da seção Estilização com CSS do Journey de HTML da Coddy. Lição 17 de 76.
No CSS, a propriedade color é usada para definir a cor do texto dentro de um elemento. Você pode aplicar diferentes valores de cor ao texto para melhorar a aparência da sua página web.
selector {
color: value;
}Por exemplo:
h3{
color: purple;
}
Desafio
FácilVocê recebeu um documento HTML com um título (<h1>) e um parágrafo (<p>). Sua tarefa é usar a propriedade color para estilizar esses elementos. Siga os passos abaixo:
- Escreva uma regra CSS que tenha como alvo o elemento
<h1>. Defina acolorcomopurple. - Escreva uma regra CSS que tenha como alvo o elemento
<p>. Defina acolorcomoyellow.
Experimente você mesmo
<html>
<head>
<title>Text Color</title>
<style>
/* Write CSS rules here */
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Teste seus conhecimentosEsta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Todas as lições de Estilização com CSS
4Fundamentos de Texto
Cor do TextoFamília da FonteTamanho da FontePeso da FonteAlinhamento do TextoDecoração do TextoDesafio de Revisão nº 1Desafio de Revisão nº 27Modelo de Caixa — Parte 1
O que é o Modelo de Caixa?PreenchimentoMargensBordasLargura e AlturaDesafio de Revisão
8Modelo de Caixa — Parte 2
Dimensionamento da CaixaRaio da BordaTransbordamentoSombra da CaixaDesafio de Revisão3Seletores Básicos
Introdução aos SeletoresSeletor de TipoSeletor de ClasseSeletor de IDSeletores de GrupoSeletor UniversalDesafio de Seleção9Flex Box
O que é uma Flex Box?Direção da Flex BoxJustificar conteúdoAlinhar itensO centro perfeitoDesafio da Flex Box12Fundamentos do Design Responsivo
O que é Design Responsivo?Meta tag viewportLayouts fluidosUnidades de viewportFundamentos das Media QueriesImagens flexíveisPratique por conta própria: Playground de Web