Tag style
A tag style permite escrever CSS diretamente
dentro de uma página HTML. Observe que dentro
da tag style escrevemos, respeitando a sintaxe
da linguagem CSS
(seletores, chaves
e assim por diante).
Esta tag deve ser colocada dentro da tag
head,
porém não é obrigatório - a tag style
pode ser colocada também dentro da tag body
e funcionará.
Não se deve abusar da tag style
- na maioria das vezes, em vez dela, deve-se usar
um arquivo CSS
separado.
Exemplo
Vamos escrever CSS dentro do código HTML usando
a tag style:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Este é o título da página</title>
<style>
p {
color: red;
}
</style>
</head>
<body>
<h1>Este é um cabeçalho da cor padrão (preta).</h1>
<p>Este é um parágrafo da cor vermelha.</p>
</body>
</html>
