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:

html<!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>

Veja também