Teoría
Teoría

Propiedad font-size: definimos el tamaño de la fuente

La propiedad font-size define el tamaño de la fuente.

Normalmente, el tamaño de la fuente se indica en px o en em.

px es una unidad absoluta, mientras que em es relativa. El tamaño de la fuente en em se calcula con respecto al tamaño de la fuente del elemento padre.

Otras unidades para definir el tamaño de la fuente:

Puntos: 15pt
Porcentajes: 80%

Los puntos son unidades absolutas y los porcentajes son relativos.

El tamaño de la fuente también puede definirse con palabras clave: small, large, etc. Pero se usan con menos frecuencia.

index.html
style.css

HTML

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Propiedad font-size: definimos el tamaño de la fuente</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Cómo se manifiesta Graceful Degradation</h1> <p><span class="bigger">Graceful Degradation</span> puede manifestarse en que algo siga funcionando con JavaScript desactivado, en que la interfaz se vea bastante ordenada en un navegador que no admite las nuevas propiedades de CSS3, o en que el sitio se muestre de forma adecuada cuando las imágenes están desactivadas.</p> <p>En cada uno de estos casos, la interacción del usuario con la interfaz seguirá siendo posible, en principio, <span class="smaller">aunque no será tan cómoda</span>.</p> </body> </html>

CSS

h1 { } .bigger { } .smaller { }

ObjetivosRealizado

Define para el encabezado un tamaño de 1em.
Define para la etiqueta con clase bigger un tamaño de 1.5em.
Define para la etiqueta con clase smaller un tamaño de 0.7em.