CSS-тегирмендеги мурастоо жана em бирдиктери

Эми бизде терең киргизүү болду деп коёлу:

<main>
	<div>
		<p>
			текст
		</p>
	</div>
</main>

main теги төмөнкү өлчөмдөгү шрифтке ээ деп коёлу:

main {
	font-size: 10px;
}

div тегине шрифттин өлчөмүн em боюнча коёлу:

div {
	font-size: 2em; /* 20px туура келет */
}

Абзацка дагы шрифттин өлчөмүн em боюнча коёлу. Бул учурда ал өзүнүн өлчөмүн дивдин эсептелген шрифт өлчөмүнөн карата эсептейт:

p {
	font-size: 2em; /* 40px туура келет */
}

Практикалык маселелер

Биз маселелерди чыгаруу үчүн HTML коду бар деп коёлу:

<section>
	<div>
		<p>
			текст
		</p>
	</div>
</section>

Төмөнкү код аткарылгандан кийин дивдердин px боюнча шрифт өлчөмү кандай болорун аныктаңыз:

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

Төмөнкү код аткарылгандан кийин абзацтардын px боюнча шрифт өлчөмү кандай болорун аныктаңыз:

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

Төмөнкү код аткарылгандан кийин абзацтардын px боюнча шрифт өлчөмү кандай болорун аныктаңыз:

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