Descripción
La propiedad font-size de CSS nos permite establecer el tamaño de la fuente de un elemento HTML. Esta propiedad es fundamental para controlar la jerarquía visual y la legibilidad del contenido en una página web.
Sintaxis
font-size : <absolute-size> | <relative-size> | <length-percentage>
Valores
- relative-size - Define el tamaño de la fuente en relación con el tamaño de la fuente del elemento padre o con el tamaño predeterminado del navegador. Incluye valores como
largerysmaller. - length-percentage - Especifica el tamaño de la fuente utilizando unidades de longitud específicas como píxeles (px), em, rem, o mediante un porcentaje del tamaño del contenedor padre.
- absolute-size - Establece un tamaño de fuente fijo y predefinido, utilizando palabras clave como
xx-small,x-small,small,medium,large,x-largeyxx-large.
Ejemplo
Veamos algunos ejemplos de cómo utilizar la propiedad font-size con diferentes valores:
/* Tamaños absolutos */
h1 { font-size: xx-large; }
p { font-size: medium; }
/* Tamaños relativos */
.destacado { font-size: larger; }
.nota { font-size: smaller; }
/* Unidades específicas */
.titulo { font-size: 24px; }
.subtitulo { font-size: 1.5em; }
.parrafo { font-size: 16px; }
