Urithi na Vitengo vya em katika CSS

Hebu sasa tuwe na kuingizwa kwa kina kirefu zaidi:

html<main>
  <div>
    <p>
      maandishi
    </p>
  </div>
</main>

Hebu kitambulisho main kiwe na ukubwa ufuatao wa herufi:

cssmain {
  font-size: 10px;
}

Wacha tuweke ukubwa wa herufi kwa kitambulisho div kwa em:

cssdiv {
  font-size: 2em; /* inalingana na 20px */
}

Wacha tuweke ukubwa wa herufi kwa aya pia kwa em. Katika kesi hii itahesabu ukubwa wake kuhusiana na ukubwa wa herufi wa div uliokokotolewa tayari:

cssp {
  font-size: 2em; /* inalingana na 40px */
}

Kazi za Vitendo

Hebu tuwe na msimbo wa HTML, ambao tutatatua kazi kwa ajili yake:

html<section>
  <div>
    <p>
      maandishi
    </p>
  </div>
</section>

Задание 1

Amua, ukubwa gani wa herufi kwa px div watakuwa nayo kama matokeo ya utekelezaji wa msimbo ufuatao:

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

Задание 2

Amua, ukubwa gani wa herufi kwa px aya zitakuwa nazo kama matokeo ya utekelezaji wa msimbo ufuatao:

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

Задание 3

Amua, ukubwa gani wa herufi kwa px aya zitakuwa nazo kama matokeo ya utekelezaji wa msimbo ufuatao:

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