CSS Note: Unit conversion from relative to pixels

css units conversion rem pixels viewport em percent

Just a lil note on unit conversion from relative to pixels

・Each property has an itinital value if not declared or there is no inheritance ・Browsers specify a root font-size for each page(usually 16px ) ・Percentages and reltavie units are always converted to pixels

Percentage %

・measured relative to parent's font-size when used for font-size
・measured relative to parent's length if used for lengths

em

・measured relative to parent's font-size when used for font-size
・measure relative to CURRENT font-size when used for lengths

rem

・ALWAYS measured relative to the document's root font-size

vh and vw

・percentage measurements of the viewport's height and width