Trashëgimia dhe njësitë em në CSS

Le të supozojmë tani se kemi një fole më të thellë:

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

Le të supozojmë se tagu main ka madhësinë e mëposhtme të shkronjave:

cssmain {
  font-size: 10px;
}

Le të caktojmë madhësinë e shkronjave për tagun div në em:

cssdiv {
  font-size: 2em; /* korrespondon me 20px */
}

Le të caktojmë madhësinë e shkronjave për paragrafin gjithashtu në em. Në këtë rast, ai do të llogarisë madhësinë e tij në lidhje me madhësinë e shkronjave të div-it tashmë të llogaritur:

cssp {
  font-size: 2em; /* korrespondon me 40px */
}

Detyra praktike

Le të supozojmë se kemi kodin HTML, për të cilin ne do të zgjidhim detyrat:

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

Задание 1

Përcaktoni, çfarë madhësie shkronjash në px do të kenë div-et si rezultat i ekzekutimit të kodit në vijim:

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

Задание 2

Përcaktoni, çfarë madhësie shkronjash në px do të kenë paragrafët si rezultat i ekzekutimit të kodit në vijim:

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

Задание 3

Përcaktoni, çfarë madhësie shkronjash në px do të kenë paragrafët si rezultat i ekzekutimit të kodit në vijim:

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