Estilos HTML

 El atributo style se usa para agregar estilos a un elemento, como color, fuente, tamaño y muchas cosas más.

Ejemplo:

Soy rojo

Soy azul

Soy grande                        

El atributo de estilo HTML

El atributo style de un elemento HTML tiene la siguiente sintaxis.

<tagname style="property:value;">

Property: Es una propiedad de CSS

Value: Es un valor de css

Color de fondo

Esta propiedad de CSS define el color de fondo de un elemento HTML.

Ejemplo:

<div style="background-color:powderblue;">

    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>

</div>

Resultado: 

Este es un encabezado

Este es un párrafo

Color de Texto

La propiedad color  de css define el color del texto de un elemento HTML.

Ejemplo:

<h1 style="color:blue;">Este es un encabezado</h1>
<p style="color:red;">Este es un párrafo.</p>

Resultado:

Este es un encabezado

Este es un párrafo

Fuentes

La propiedad CSS font-family define la fuente que se utilizará en un elemento HTML.

Ejemplo:

<h1 style="font-family:verdana;">Este es un encabezado</h1>
<p style="font-family:courier;">Este es un párrafo</p>

Resultado:

Este es un encabezado

Este es un párrafo

Tamaño de texto

La propiedad CSS font-size define el tamaño del texto de un elemento HTML.

Ejemplo:

<h1 style="font-size:300%;">Esto es un encabezado</h1>
<p style="font-size:160%;">Este es un párrafo.</p>

Resultado

Esto es un encabezado

Este es un párrafo.

Alineación del texto.

La propiedad css text-align  define la alineación horizontal del texto para un elemento HTML.

Ejemplo:

<h1 style="text-align:center;">Encabezado centrado</h1>

<p style="text-align:center;">Párrafo centrado.</p>

Resultado:

Encabezado centrado

Párrafo centrado.

Siguiente artículo: Formato de texto html