HTML Styles

HTML Styles

La ruta del desarrollador web frontend autónomo🤹‍♂️


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


El atributo HTML style

Para añadir estilo a un elemento HTML se puede hacer con el atributo style.

El atributo HTML style tiene la siguiente sintaxis:

<etiqueta atributo="propiedad:valor;">

La propiedad es una propiedad CSS. El valor es un valor CSS.


Color de fondo

La propiedad CSS background-color define el color de fondo de un elemento HTML.

Ejemplo:

Establece color de fondo para dos elementos HTML:


Color de texto

La propiedad CSS color define el color del texto para un elemento HTML:

Ejemplo:


Fuentes

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

Ejemplo:


Tamaño de texto

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

Ejemplo:


Alineamiento de texto

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

Ejemplo:


Resumen

En este capítulo, hemos aprendido a usar atributos HTML y propiedades CSS para añadir estilos a los elementos HTML.

  • Usa el atributo style para darle estilo a los elementos HTML

  • Usa la propiedad background-color para añadir colores de fondo

  • Usa la propiedad color para añadir color

  • Usa la propiedad font-family para establecer fuentes

  • Usa la propiedad font-size para tamaños de texto

  • Usa la propiedad text-align para alinear el texto


Traducido con 💚 desde W3Schools.com

Did you find this article valuable?

Support Santos Romero by becoming a sponsor. Any amount is appreciated!