Estilos HTML
O atributo HTML style
é usado para adicionar estilos a um elemento, como cor, fonte, tamanho e muito mais.
Exemplo
eu sou vermelho
eu sou azul
Eu sou grande
O atributo de estilo HTML
Definir o estilo de um elemento HTML, pode ser feito com o style
atributo.
style
O atributo HTML tem a seguinte sintaxe:
<tagname
style="property:value;">
A propriedade é uma propriedade CSS. O valor é um valor CSS.
Você aprenderá mais sobre CSS posteriormente neste tutorial.
Cor de fundo
A propriedade CSS background-color
define a cor de fundo para um elemento HTML.
Exemplo
Defina a cor de fundo de uma página para azul-pó:
<body style="background-color:powderblue;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
Exemplo
Defina a cor de fundo para dois elementos diferentes:
<body>
<h1 style="background-color:powderblue;">This is a heading</h1>
<p
style="background-color:tomato;">This is a paragraph.</p>
</body>
Cor do texto
A propriedade CSS color
define a cor do texto para um elemento HTML:
Exemplo
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
Fontes
A propriedade CSS font-family
define a fonte a ser usada para um elemento HTML:
Exemplo
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
Tamanho do texto
A propriedade CSS font-size
define o tamanho do texto para um elemento HTML:
Exemplo
<h1 style="font-size:300%;">This is a heading</h1>
<p
style="font-size:160%;">This is a paragraph.</p>
Alinhamento de texto
A propriedade CSS text-align
define o alinhamento horizontal do texto para um elemento HTML:
Exemplo
<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>
Resumo do capítulo
- Use o
style
atributo para estilizar elementos HTML - Use
background-color
para cor de fundo - Use
color
para cores de texto - Use
font-family
para fontes de texto - Use
font-size
para tamanhos de texto - Use
text-align
para alinhamento de texto