Propiedades CSS para los textos

Aquí veremos como se puede dar estilo a los textos utilizando las propiedades de estilo CSS.

Dado que la web inicial era prácticamente una forma de comunicar textos, no es raro que la mayoría de las propiedades CSS sean relacionadas al formato de textos. En esta sección veremos solamente las propiedades más utilizadas.

Propiedades de las fuentes

Para las fuentes podemos especificar:

  • font-family - Es el nombre de la familia, por defecto podemos usar nombres genéricos como "serif", "sans-serif", "cursive" o "monospace". También podemos utilizar nombres de fuentes como "Arial" o "Times New Roman", pero bajo la condición de que estén instaladas en las computadoras de los clientes. Tambien se pueden especificar varios nombres, así si uno no funciona, o no existe, el navegador intentará el siguiente.
  • font-size - Es el tamaño de la fuente. La forma más común es de especificar su valor en "em" o "rem" para evitar problemas en diferentes dispositivos.
  • font-style - El estilo que puede ser normal "normal", cursivas "italic" u oblicuas "oblique".
  • font-weight - Es el grosor de la fuente, puede ser normal "normal", negrillas "bold", negras "bolder" o delgadas "light". Aunque también se puede especificar el número de grosor de la fuente que puede ser 100, 200, 300, ..., 900.

Propiedades de los textos

Para los textos, podemos especificar las siguientes propiedades:

  • color - El color del texto
  • line-height - La separación entre las líneas.
  • letter-spacing - La separación entre letras.
  • text-align - El alineado del texto, puede ser a la izquierda "left", a la derecha "right", al centro "center" o justificado "justify".
  • text-transform - Para convertir todos los caracteres de un texto a mayúsculas "uppercase", a minúsculas "lowercase" o que la primera sea mayúscula y las demás minúsculas "capitalize".
  • text-decoration - Para decorar el texto con una linea debajo "underline", una línea tachada "line-through" o una línea encima "overline".
70 me gusta
270 vistas
Anterior Propiedades de estilo CSS de bloques
Siguiente Selectores de estilo CSS
Programar en HTML y CSS

Programar en HTML y CSS

En esta lista de tutoriales veremos como programar de forma clara y directa en código HTML y CSS que son la base de la web.

¿Cómo se escribe en código HTML?

En esta sección veremos los elementos y la forma en la que se debe escribir el código de hipertexto o HTML.
Tiene video

Esquema de una página HTML

En este artículo veremos el esquema básico de una página en HTML5, la última version de código HTML que existe.

¿Existen reglas para escribir código HTML?

En este artículo analizaremos la forma correcta de escribir en código HTML.

¿Para qué sirve el código CSS?

Aquí veremos para que sirven las hojas de estilo y su uso en los sitios web.

Unidades de medida CSS

En esta sección analizamos todas las unidades de medida que existen en CSS

Propiedades de estilo CSS de bloques

En este artículo vemos las propiedades de estilo que tienen los bloques utilizando una hoja de estilos CSS.

Propiedades CSS para los textos

Aquí veremos como se puede dar estilo a los textos utilizando las propiedades de estilo CSS.

Selectores de estilo CSS

En esta sección vamos a analizar lo básico sobre los selectores de estilo CSS.

¿Qué sucede si no uso estilos CSS en mi página?

En esta sección analizaremos qué es lo que sucede cuando no se utiliza ninguna hoja de estilos CSS en un sitio web.

¿Debería utilizar un framework CSS?

Muchas veces nos preguntamos si vale la pena utilizar un framework como Bootstrap o MaterialUI. En este artículo analizamos la situacion.