Carregando...

Html style

Postado: 23 de maio de 2022

Html style

Neste artigo HTML veremos como usar o elemento HTML tag <style>.

A Tag <style> é usada para definir informações de estilo CSS para um documento Html.

Dentro do <style> elemento, você especifica como os elementos HTML devem ser renderizados em um navegador.

  • O elemento HTML <style> é encontrado na tag <head> ou na tag <body>.
  • A tag <style> é usada para incorporar informações de folha de estilo no documento HTML.

Veja o exemplo do uso do elemento <style> para aplicar uma folha de estilo simples a um documento HTML:

<html>
<head>

<style>
  h1 {color:blue;}
  p {color:green;}
</style>

</head>
<body>

<h1>Códigos Html Prontos</h1>
<p>Tags Html Lista Completa</p>

</body>
</html>

Como inserir CSS no HTML

Para vincular a uma folha de estilo externa, use a tag <link>.

A tag <link> define o relacionamento entre o documento atual e um recurso externo.

A tag <link> é usada com mais frequência para vincular a folhas de estilo externas ou para adicionar um favicon ao seu site.

Link para uma folha de estilo externa:

É importante frisar que o jeito certo de aplicar o css é incluindo o link do style.css no HTML <head>

<head>
  <link rel="stylesheet" href="css/style.css">
</head>

Além disso o navegador ira ler a folha style.css, ele formatara o documento HTML de acordo com as informações da folha de estilo inserida no html. 

Atributos da tag html style

media – Especifica para qual mídia/dispositivo o recurso de mídia é otimizado

type – Especifica o tipo de mídia da tag

Definição da tag html style

A tag <style> em HTML nos ajuda a modificar nosso texto, visualizado na página. Esta modificação inclui a alteração do tamanho da fontes, família da fonte, cor da fonte, etc. podemos alterar o estilo de um corpo ou parte de uma página html também.

Neste artigo abordamos sobre a tag Html style.

Veja outros artigos sobre Tags HTML Lista Completa

Publicado por: Loop Nerd

361 Visualizações

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Artigos Relacionados