CSS-də Miras və em vahidləri

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

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

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

main {
	font-size: 10px;
}

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

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

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

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

Aşağıdakı kodu icra etmək nəticəsində divlərin px ilə hansı şrift ölçüsünə malik olacağını müəyyən edin:

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

Aşağıdakı kodu icra etmək nəticəsində abzasların px ilə hansı şrift ölçüsünə malik olacağını müəyyən edin:

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

Aşağıdakı kodu icra etmək nəticəsində abzasların px ilə hansı şrift ölçüsünə malik olacağını müəyyən edin:

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