Neste artigo vamos aprender o atributo style em HTML , este é o atributo usado para ajustar a exibição das próprias tags HTML.

Como ainda não aprendemos CSS, não vou falar muito sobre conhecimentos técnicos como seletores, formas de adicionar CSS.

Qual é o atributo de estilo em HTML?

Todas as tags HTML possuem este atributo de estilo. Ele é usado para adicionar CSS, alterar a exibição padrão dessa tag HTML. A sintaxe é a seguinte:

 <tagname style="CSS_PROPERTY">

Onde CSS_PROPERTY é o código usado para definir a interface para a própria tag. Por exemplo, defina o plano de fundo, altere a cor da fonte, altere o tamanho da fonte, defina a posição de exibição na interface …

O valor de CSS_PROPERTY tem o formato key:value , se houver muitos CSSs, use o ; para separá-los.

Exemplo : defina o plano de fundo para vermelho para a tag div.

 <div style="background:red">Học HTML Style tại web888.vn</div>

Como usar o atributo style em HTML

Plano de fundo do estilo

Ao definir o plano de fundo para o atributo de estilo, você pode alterar a cor do plano de fundo para essa tag HTML.

 <div style="background:red">Học HTML Style tại web888.vn</div>

Cor da fonte do estilo

Você também pode alterar a cor da fonte usando a propriedade color .

 <div style="color:red">Học HTML Style tại web888.vn</div>

Tamanho da fonte do estilo

A propriedade font-size altera o tamanho da fonte. Por favor, coloque-o no estilo para aplicá-lo.

 <div style="font-size: 50px">Học HTML Style tại web888.vn</div>

Adicione mais CSS ao atributo style .

Para adicionar mais efeitos ao estilo, separe-os com ponto e vírgula. Veja o exemplo abaixo para melhor compreensão.

 <div style="font-size: 50px;color:red">Học HTML Style tại web888.vn</div>

Então você já sabe como usar o atributo style em HTML. Boa sorte!