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

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

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