Ժառանգում և em միավորները CSS-ում

Ենթադրենք, հիմա մենք ունենք ավելի խորը բաշխվածություն.

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>

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;
}