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

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

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

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

main {
	font-size: 10px;
}

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

div {
	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:

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

Detyra praktike

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

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

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

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

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

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

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

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