Onde o CSS vive
Existem três lugares onde um estilo pode ser escrito. Escolher o certo evita um CSS bagunçado e difícil de manter.
Estudar esta lição interativa →O mesmo estilo pode ser escrito de três jeitos diferentes, e essa escolha importa conforme o projeto cresce. Neste curso, as células de prática sempre usam uma tag <style> dentro do próprio HTML (para caber num único editor), mas vale conhecer as três formas, porque você vai encontrá-las em qualquer projeto real.
CSS inline
style="color:red;"Direto no atributo style da tag. Mira um único elemento, e tem prioridade altíssima. Use só para casos pontuais.
CSS interno
<style>...</style>Dentro do head do documento. Vale para toda a página, bom para exemplos e páginas pequenas.
CSS externo
<link rel="stylesheet" href="estilo.css">Um arquivo .css separado, ligado por link. É o padrão em projetos reais: o mesmo arquivo estiliza várias páginas.
🧩 Este conteúdo é interativo — abra no app para ver e rodar de verdade. Repare: a regra dentro do style pinta todo parágrafo; o style inline no segundo parágrafo vence, por prioridade.
Um exemplo real: qualquer site com várias páginas (uma loja com página inicial, catálogo e carrinho) usa um único arquivo estilo.css externo, ligado nas três páginas. Mudar a cor de marca vira uma alteração num lugar só, refletida em todo o site, em vez de editar o mesmo trecho de CSS repetido em cada página.
O CSS inline (via style="...") mistura conteúdo e aparência na mesma linha, e tem prioridade tão alta que fica difícil de sobrescrever depois com uma regra normal. Reserve-o para exceções pontuais (um teste rápido, uma cor gerada dinamicamente); a regra geral é escrever CSS interno ou externo.
🧩 Este conteúdo é interativo — abra no app para ver e rodar de verdade. Edite a regra dentro do style.