CSS-də Miras və em vahidləri

Indi tutaq ki, daha dərin iç-içəlik var:

html<main>
  <div>
    <p>
      text
    </p>
  </div>
</main>

Tutaq ki, main teqinin aşağıdakı şrift ölçüsü var:

cssmain {
  font-size: 10px;
}

div teqinə şrift ölçüsünü em ilə təyin edək:

cssdiv {
  font-size: 2em; /* 20px-ə uyğundur */
}

Abzasa da şrift ölçüsünü em ilə təyin edək. Bu halda, o, öz ölçüsünü divin artıq hesablanmış şrift ölçüsündən hesablayacaq:

cssp {
  font-size: 2em; /* 40px-ə uyğundur */
}

Praktiki Tapşırıqlar

Tutaq ki, bizim üçün məsələləri həll edəcəyimiz HTML kodu var:

html<section>
  <div>
    <p>
      text
    </p>
  </div>
</section>

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

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

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