Cómo usar CSS para cambiar el color de la fuente

¿Está buscando mejorar su sitio web con algunos colores de fuente diferentes? Puedes hacer esto usando CSS. CSS significa Hojas de estilo en cascada y es el idioma predeterminado que se utiliza para crear y administrar el estilo de cualquier sitio web.

Hay tres métodos para aplicar CSS a un documento HTML. Estos son CSS en línea, CSS interno/incrustado y CSS externo.

Método uno: CSS en línea

Para cambiar el color de la fuente en CSS, deberá crear una regla CSS para establecer el valor de la propiedad de color.

El método en línea utiliza la propiedad de estilo que puede aplicar a casi cualquier elemento. Aquí hay un ejemplo que establece el color de fuente de un párrafo HTML en rojo:

Párrafo de texto

Puede lograr el mismo efecto utilizando CSS interno/incrustado o CSS externo.

Método dos: CSS interno/incrustado

Puede usar este método cuando desee crear reglas CSS que afecten a más de una instancia de un elemento HTML, pero solo en una sola página. Luego, las reglas CSS se escriben en el encabezado de la página HTML, utilizando un elemento de estilo:

Método tres: CSS externo

La tercera forma de lograr el mismo efecto es usando una hoja de estilo CSS externa. Con un editor de texto, cree un archivo con la extensión ".css". La práctica común es llamar a este archivo algo así como hoja de estilo.css pero puede nombrarlo como quiera siempre que mantenga la extensión ".css".

Para colorear el texto de su cuerpo de verde, por ejemplo, utilizando una hoja de estilo externa, simplemente pegue la regla CSS de esta manera:

pag {color: azul}

En su documento HTML, debe incluir un enlace a su hoja de estilo dentro del elemento de encabezado HTML:

Párrafo de texto

Cambiar el color de fuente en HTML, sin aplicar CSS

La mejor práctica es usar CSS, pero aquí se explica cómo cambiar el color de la fuente solo con HTML:

Párrafo de texto

El elemento de fuente, junto con su atributo de color, está en desuso. Esto se debe a que son elementos de presentación más que estructurales. El HTML moderno debe consistir únicamente en elementos estructurales.

Cambiar el color de fuente en CSS es relativamente sencillo

Le mostramos tres métodos para cambiar el color de fuente en CSS. También le mostramos cómo hacer esto de la manera antigua usando la etiqueta de fuente HTML. ¡Pruébelos y vea cuál funciona mejor para usted!

Una vez que haya dominado el cambio de color de fuente usando CSS y HTML, es posible que desee dominar el cambio de tamaño de fuente en HTML.

Cómo cambiar el tamaño de fuente HTML en CSS

Leer siguiente

Sobre el Autor