Estilos HTML

Parágrafo com cor de fundo

Parágrafo com tamanho de fonte X-Large

O primeiro

O elemento não utilizou o atributo de estilo, para exibir um parágrafo normal. No entanto, o segundo e o terceiro parágrafos implantaram atributos de estilo para diferentes fins. Como resultado, o navegador mostrará a seguinte saída:

Como usar várias propriedades no atributo de estilo

No exemplo acima, havia três parágrafos diferentes que cada elemento tem um estilo único. Agora considere outro exemplo que implementará os vários estilos no mesmo parágrafo:

Parágrafo simples

Parágrafo com fundo de ouro e centro alinhado

Parágrafo com tamanho de fonte X-Large e estilo itálico

O código acima criou três

elementos. O primeiro é o simples, o segundo parágrafo utilizou o elemento de estilo com várias propriedades para definir a cor do fundo do ouro e o texto alinhado ao centro. O terceiro parágrafo também implementa as duas propriedades para definir a fonte em estilo extra-grande e itálico.

Agora, este artigo discutirá as propriedades de estilo mais frequentemente utilizadas, conforme dado abaixo:

• O cor A propriedade é usada para definir a cor do texto.
• O cor de fundo Propriedade define a cor de fundo do elemento HTML.
• O estilo de fonte Propriedade define os diferentes estilos de fonte para um elemento html e.g. Itálico, ousado, etc.
• O família de fontes propriedade implementa a fonte para elementos HTML como Monospácia etc.
• O tamanho da fonte A propriedade em HTML define o tamanho de qualquer elemento HTML, como pequeno, 12px, etc.
• O alinhamento de texto é usado para definir o alinhamento do texto como centro, certo, etc.

Conclusão

Os estilos HTML afetam diretamente a aparência aparente de qualquer documento HTML. Este artigo explicou o que é o atributo de estilo html? Como funciona o atributo de estilo? Que propriedades pode ter? E quão significativo é para modelar qualquer página da web. Este artigo elaborou esses conceitos com a ajuda de alguns exemplos para fornecer uma visão clara.