Como usar o atributo style para aplicar estilos diretamente em elementos 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.
Carregando...
Carregando...
Carregando...
Carregando...
styleVocê pode combinar várias propriedades, separando por ponto e vírgula:
Carregando...
O style inline é útil para:
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.
Carregando...
Esse tipo de exemplo já mostra bem a ideia: o conteúdo está no HTML, e o style faz ajustes visuais rápidos.