Aplicando estilo direto no HTML

O HTML possui um atributo chamado style que permite aplicar CSS diretamente em um elemento.

Exemplo:

Carregando...

Aqui o HTML continua marcando o conteúdo, mas o style adiciona uma regra visual.

Exemplos simples

Cor do texto

Carregando...

Cor de fundo

Carregando...

Alinhamento

Carregando...

Tamanho da fonte

Carregando...

Mais de uma regra no mesmo style

Você pode combinar várias propriedades, separando por ponto e vírgula:

Carregando...

Quando isso é útil?

O style inline é útil para:

• testar rapidamente um visual;
• entender como uma propriedade funciona;
• aplicar um ajuste bem pontual.

E qual é o problema?

Quando o projeto começa a crescer, adicionar estilos dentro do HTML torna o código mais difícil de ler, repetir e manter.

Por isso, no dia a dia, é mais comum separar o visual no CSS, uma outra linguagem que tem a função de cuidar do estilo, deixando o HTML apenas para o conteúdo.

Exemplo prático

Carregando...

Esse tipo de exemplo já mostra bem a ideia: o conteúdo está no HTML, e o style faz ajustes visuais rápidos.