76 lines
3.4 KiB
Markdown
76 lines
3.4 KiB
Markdown
|
---
|
||
|
|
id: 587d781c367417b2b2512ac2
|
||
|
|
title: Set the font-size for Multiple Heading Elements
|
||
|
|
localeTitle: Establecer el tamaño de fuente para varios elementos de encabezado
|
||
|
|
challengeType: 0
|
||
|
|
videoUrl: ''
|
||
|
|
---
|
||
|
|
|
||
|
|
## Description
|
||
|
|
<section id='description'>
|
||
|
|
La propiedad de <code>font-size</code> 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 <code>h1</code> a <code>h6</code> para equilibrar los tamaños de los títulos.
|
||
|
|
</section>
|
||
|
|
|
||
|
|
## Instructions
|
||
|
|
<section id='instructions'>
|
||
|
|
<ul> <li> Establezca el <code>font-size</code> de <code>font-size</code> de la etiqueta <code>h1</code> en 68px. </li><li> Establezca el <code>font-size</code> de <code>font-size</code> de la etiqueta <code>h2</code> en 52px. </li><li> Establezca el <code>font-size</code> de <code>font-size</code> de la etiqueta <code>h3</code> en 40px. </li><li> Establezca el <code>font-size</code> de <code>font-size</code> de la etiqueta <code>h4</code> en 32px. </li><li> Establezca el <code>font-size</code> de <code>font-size</code> de la etiqueta <code>h5</code> en 21px. </li><li> Establezca el <code>font-size</code> de <code>font-size</code> de la etiqueta <code>h6</code> en 14px. </li></ul>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
## Tests
|
||
|
|
<section id='tests'>
|
||
|
|
|
||
|
|
```yml
|
||
|
|
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.");'
|
||
|
|
|
||
|
|
```
|
||
|
|
|
||
|
|
</section>
|
||
|
|
|
||
|
|
## Challenge Seed
|
||
|
|
<section id='challengeSeed'>
|
||
|
|
|
||
|
|
<div id='html-seed'>
|
||
|
|
|
||
|
|
```html
|
||
|
|
<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>
|
||
|
|
```
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</section>
|
||
|
|
|
||
|
|
## Solution
|
||
|
|
<section id='solution'>
|
||
|
|
|
||
|
|
```js
|
||
|
|
// solution required
|
||
|
|
```
|
||
|
|
</section>
|