freeCodeCamp

3.4 KiB

Raw Blame History

id	title	localeTitle	challengeType	videoUrl
587d781c367417b2b2512ac2	Set the font-size for Multiple Heading Elements	Establecer el tamaño de fuente para varios elementos de encabezado	0

Description

La propiedad de font-size se usa para especificar el tamaño del texto en un elemento dado. Esta regla se puede usar para múltiples elementos para crear una consistencia visual del texto en una página. En este desafío, establecerá los valores de todas las etiquetas h1 a h6 para equilibrar los tamaños de los títulos.

Instructions

Establezca el font-size de font-size de la etiqueta h1 en 68px.
Establezca el font-size de font-size de la etiqueta h2 en 52px.
Establezca el font-size de font-size de la etiqueta h3 en 40px.
Establezca el font-size de font-size de la etiqueta h4 en 32px.
Establezca el font-size de font-size de la etiqueta h5 en 21px.
Establezca el font-size de font-size de la etiqueta h6 en 14px.

Tests

tests:
  - text: Su código debe establecer la propiedad de <code>font-size</code> para la etiqueta <code>h1</code> en 68 píxeles.
    testString: 'assert($("h1").css("font-size") == "68px", "Your code should set the <code>font-size</code> property for the <code>h1</code> tag to 68 pixels.");'
  - text: Su código debe establecer la propiedad de <code>font-size</code> para la etiqueta <code>h2</code> a 52 píxeles.
    testString: 'assert($("h2").css("font-size") == "52px", "Your code should set the <code>font-size</code> property for the <code>h2</code> tag to 52 pixels.");'
  - text: Su código debe establecer la propiedad de <code>font-size</code> para la etiqueta <code>h3</code> en 40 píxeles.
    testString: 'assert($("h3").css("font-size") == "40px", "Your code should set the <code>font-size</code> property for the <code>h3</code> tag to 40 pixels.");'
  - text: Su código debe establecer la propiedad de <code>font-size</code> para la etiqueta <code>h4</code> a 32 píxeles.
    testString: 'assert($("h4").css("font-size") == "32px", "Your code should set the <code>font-size</code> property for the <code>h4</code> tag to 32 pixels.");'
  - text: Su código debe establecer la propiedad de <code>font-size</code> para la etiqueta <code>h5</code> en 21 píxeles.
    testString: 'assert($("h5").css("font-size") == "21px", "Your code should set the <code>font-size</code> property for the <code>h5</code> tag to 21 pixels.");'
  - text: Su código debe establecer la propiedad de <code>font-size</code> para la etiqueta <code>h6</code> en 14 píxeles.
    testString: 'assert($("h6").css("font-size") == "14px", "Your code should set the <code>font-size</code> property for the <code>h6</code> tag to 14 pixels.");'

Challenge Seed

<style>






</style>
<h1>This is h1 text</h1>
<h2>This is h2 text</h2>
<h3>This is h3 text</h3>
<h4>This is h4 text</h4>
<h5>This is h5 text</h5>
<h6>This is h6 text</h6>

Solution

// solution required

3.4 KiB Raw Blame History