Teoría
Teoría

Propiedad font-weight: grosor del texto

El grosor del texto puede definirse con la propiedad font-weight, que tiene dos valores principales:

normal: grosor normal;
bold: grosor en negrita.

En realidad, esta propiedad tiene muchos valores: bold, bolder, lighter, normal, 100, 200, 300, 400, 500, 600, 700, 800, 900. Estos valores definen el grosor de la fuente, desde el más fino hasta el más grueso.

Pero la mayoría de los navegadores solo pueden mostrar dos variantes de grosor: normal y negrita. Por eso, los demás valores casi no se usan.

index.html
style.css

HTML

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Propiedad font-weight: grosor del texto</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Progressive Enhancement</h1> <p>Entonces, ¿qué es <span class="bold">Progressive Enhancement</span>? Este término suele traducirse como <span class="bold">mejora progresiva</span>. La mejora progresiva plantea que las interfaces web deben crearse por etapas, de forma cíclica, de lo simple a lo complejo. En cada etapa debe obtenerse una interfaz completa, mejor, más atractiva y más cómoda que la anterior. Se puede decir que hoy esas etapas son cuatro:</p> <ol> <li>Etapa de «buen viejo HTML»</li> <li>Etapa de CSS</li> <li>Etapa de CSS3</li> <li>Etapa de JavaScript</li> </ol> </body> </html>

CSS

h1 { font-size: 24px; } .bold { } li { }

ObjetivosRealizado

Haz que el texto del encabezado no esté en negrita.
Haz que el texto de las etiquetas con clase bold esté en negrita.
Haz que el texto de los elementos de la lista también esté en negrita.