Pri nastavljanju velikosti katerega koli elementa v CSS imamo dve možnosti. Prva so absolutne enote, druga pa relativne enote. Absolutne enote so fiksne in niso relativne glede na karkoli drugega. V vsakem primeru so vedno enaki. Vključujejo cm, mm, px itd. Po drugi strani pa so relativne enote relativne glede na nekaj drugega. Lahko je velikost nadrejenega elementa ali velikost glavnega HTML-ja. Relativne enote zajemajo em, rem, vw, vh itd. To so razširljive enote in pomagajo pri odzivnem oblikovanju. Mnogi od nas se lahko zmedejo med relativnimi enotami, zlasti med v in rem enote. Razčlenimo razliko med tema dvema. V bistvu sta tako rem kot em razširljivi in ​​relativni enoti velikosti, vendar je pri em enota relativna glede na velikost pisave nadrejenega elementa, medtem ko je enota rem relativna le glede na velikost korenske pisave dokumenta HTML. R in rem pomeni koren.

Razumejmo oboje podrobno.

1. v Unitedu: Enota em omogoča nastavitev velikosti pisave elementa glede na velikost pisave njegovega starša. Ko se spremeni velikost nadrejenega elementa, se samodejno spremeni velikost podrejenega.

Opomba: Ko se enote em uporabljajo za lastnost velikosti pisave, je velikost relativna glede na velikost pisave nadrejenega. Ko se uporablja v drugih lastnostih, je relativna glede na velikost pisave tega elementa. Tukaj samo prva deklaracija prevzame referenco nadrejenega.

• Velikost pisave elementa .child bo 40 slikovnih pik (2*20 slikovnih pik).
• Rob .child bo 60 slikovnih pik . To je 1,5-kratna velikost pisave našega elementa (1,5*40px).

primer: Ta primer prikazuje uporabo enote em v CSS.

HTML

je prazna java