Estilos HTML
El atributo HTML style
se usa para agregar estilos a un elemento, como color, fuente, tamaño y más.
Ejemplo
yo soy rojo
Soy azul
Soy grande
El atributo de estilo HTML
La configuración del estilo de un elemento HTML se puede hacer con el style
atributo.
El atributo HTML style
tiene la siguiente sintaxis:
<tagname
style="property:value;">
La propiedad es una propiedad CSS. El valor es un valor CSS.
Aprenderá más sobre CSS más adelante en este tutorial.
Color de fondo
La propiedad CSS background-color
define el color de fondo de un elemento HTML.
Ejemplo
Establezca el color de fondo de una página en azul polvo:
<body style="background-color:powderblue;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
Ejemplo
Establezca el color de fondo para dos elementos diferentes:
<body>
<h1 style="background-color:powderblue;">This is a heading</h1>
<p
style="background-color:tomato;">This is a paragraph.</p>
</body>
Color de texto
La propiedad CSS color
define el color del texto de un elemento HTML:
Ejemplo
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
fuentes
La propiedad CSS font-family
define la fuente que se utilizará para un elemento HTML:
Ejemplo
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
Tamano del texto
La propiedad CSS font-size
define el tamaño del texto para un elemento HTML:
Ejemplo
<h1 style="font-size:300%;">This is a heading</h1>
<p
style="font-size:160%;">This is a paragraph.</p>
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;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>
Resumen del capítulo
- Use el
style
atributo para diseñar elementos HTML - Utilizar
background-color
para el color de fondo - Usar
color
para colores de texto - Usar
font-family
para fuentes de texto - Usar
font-size
para tamaños de texto - Uso
text-align
para alineación de texto