Hola a todos, soy Frontend Lao Zhao. Hoy aprenderemos a usar estilos de texto CSS, que es una parte muy básica y de uso común del desarrollo front-end, y uno de los factores importantes que hacen que las páginas web se vean hermosas. En esta lección, aprenderemos cómo diseñar texto con colores, fuentes, tamaños y espaciado, y cómo usarlos en páginas web. Entonces, comencemos a aprender.
Primero, echemos un vistazo a cómo agregar color al texto. Podemos especificar un color para el texto a través de la propiedad color. Esta propiedad acepta varios valores de color CSS, como el nombre del color, el valor hexadecimal, el valor RGB, etc. Veamos un ejemplo:
CSS
p{ color: red; }
En este ejemplo, usamos el atributo de color para asignar el color rojo a todo el texto del párrafo. Esto hará que el texto en todos los párrafos sea rojo.
A continuación, veamos cómo agregar fuentes al texto. Podemos usar el atributo font-family para especificar la fuente del texto. Esta propiedad puede aceptar uno o más nombres de fuente como valores, así como un nombre de fuente predeterminado. Si la primera fuente no está disponible, el navegador intentará usar la segunda fuente y así sucesivamente. Veamos un ejemplo:
CSS
p{ font-family: "Helvetica Neue", Arial, sans-serif; }En este ejemplo, usamos el atributo font-family para especificar una fuente para todos los párrafos. Primero intentará usar la fuente Helvetica Neue y, si no está disponible, intentará usar la fuente Arial. Si ninguna fuente está disponible, utilizará una fuente sans-serif predeterminada.