Tag de estilo HTML

“A etiqueta de estilo do HTML pode ser usada para embelezar a aparência da sua página da web. Inclui, mas não se limita a alterar os estilos de fonte, tamanhos de fonte, cores de fonte, alinhamento de texto, cor de fundo de texto, etc. Neste artigo, mostraremos como você pode usar a tag de estilo de HTML de várias maneiras e alterar a perspectiva geral da sua página da web.”

Como usar a etiqueta de estilo de html?

Existem várias maneiras pelas quais você pode usar a etiqueta de estilo de html. Alguns deles são explicados nos cinco exemplos a seguir:

Exemplo 1: Alterar a família da fonte do texto

Com a ajuda deste exemplo, aprenderemos a usar diferentes estilos de fonte para o nosso texto usando a tag de estilo HTML. O script html para fazer isso é mostrado abaixo:

Ao usar o script HTML mostrado acima, queríamos imprimir a declaração “Bem -vindo ao Linux Dint!”Em quatro estilos de fonte diferentes. Para isso, usamos a etiqueta de estilo HTML seguida pelo atributo font-família e o nome da respectiva fonte. Depois disso, mencionamos a declaração de que queríamos aparecer em diferentes estilos de fonte.

Os quatro estilos de fonte diferentes que usamos em nosso script podem ser vistos na página da web a seguir:

Exemplo 2: Alterando o tamanho da fonte do texto

Neste exemplo, aprenderemos a alterar o tamanho da fonte do nosso texto usando a etiqueta de estilo de HTML para a qual escrevemos o script mostrado abaixo:

Neste script, usamos o atributo de tamanho de fonte com a tag de estilo HTML e usamos tamanhos de fontes diferentes em porcentagens e em pixels para o texto desejado.

Você pode ver na página da web a seguir que nosso texto especificado apareceu em diferentes tamanhos de fonte:

Exemplo 3: Alterar a cor da fonte do texto

Com este exemplo, diremos como você pode alterar a cor da fonte do seu texto usando a tag de estilo HTML, para a qual você terá que se referir ao script mostrado abaixo:

Assim como nossos dois primeiros scripts de exemplo, usamos a mesma tag de estilo neste exemplo também. No entanto, desta vez, usamos o atributo de cor para exibir o texto desejado em cores diferentes.

Nosso texto especificado em cores diferentes é mostrado na página da web na imagem a seguir:

Exemplo 4: Alterar o alinhamento do texto

Agora, falaremos sobre mudar o alinhamento do texto usando a etiqueta de estilo de HTML. Para isso, criamos o script HTML mostrado abaixo:

Neste script, usamos o mesmo texto que queríamos aparecer em três alinhamentos diferentes, eu.e., centro, direita e esquerda. Usamos a etiqueta de estilo de HTML para esse fim, seguida pelo atributo de alinhamento de texto.

Nosso texto de amostra em três alinhamentos diferentes é mostrado na página da web a seguir:

Exemplo 5: Alterar a cor de fundo do texto

Por fim, aprenderemos a alterar a cor de fundo do nosso texto usando a tag de estilo HTML, para a qual usaremos o script mostrado abaixo:

Neste script, simplesmente usamos a tag de estilo HTML seguida pelo atributo de cor de fundo para usar diferentes origens para nosso texto.

Nosso texto de amostra com diferentes cores de fundo é exibido na página da web a seguir:

Conclusão

Este artigo foi centrado na etiqueta de estilo de HTML. Para destacar a importância desta tag html, demonstramos cinco exemplos diferentes para você que fizeram uso dessa tag de várias maneiras. Seguindo esses exemplos, você pode modificar facilmente o estilo de fonte, o tamanho da fonte, a cor da fonte, o alinhamento de texto e a cor de fundo de texto da sua página da web e, portanto, você pode dar uma aparência atraente e também em alguns segundos.