CSS-тегирмендеги мурастоо жана em бирдиктери

Эми бизде терең киргизүү болду деп коёлу:

html<main>
  <div>
    <p>
      текст
    </p>
  </div>
</main>

main теги төмөнкү өлчөмдөгү шрифтке ээ деп коёлу:

cssmain {
  font-size: 10px;
}

div тегине шрифттин өлчөмүн em боюнча коёлу:

cssdiv {
  font-size: 2em; /* 20px туура келет */
}

Абзацка дагы шрифттин өлчөмүн em боюнча коёлу. Бул учурда ал өзүнүн өлчөмүн дивдин эсептелген шрифт өлчөмүнөн карата эсептейт:

cssp {
  font-size: 2em; /* 40px туура келет */
}

Практикалык маселелер

Биз маселелерди чыгаруу үчүн HTML коду бар деп коёлу:

html<section>
  <div>
    <p>
      текст
    </p>
  </div>
</section>

Задание 1

Төмөнкү код аткарылгандан кийин дивдердин px боюнча шрифт өлчөмү кандай болорун аныктаңыз:

csssection {
  font-size: 10px;
}
div {
  font-size: 2em;
}

Задание 2

Төмөнкү код аткарылгандан кийин абзацтардын px боюнча шрифт өлчөмү кандай болорун аныктаңыз:

csssection {
  font-size: 10px;
}
div {
  font-size: 2em;
}
p {
  font-size: 1.5em;
}

Задание 3

Төмөнкү код аткарылгандан кийин абзацтардын px боюнча шрифт өлчөмү кандай болорун аныктаңыз:

csssection {
  font-size: 40px;
}
div {
  font-size: 0.5em;
}
p {
  font-size: 0.5em;
}