em – мощный и удобный в использовании для задания размеров шрифта сайта. Какой бы не был размер шрифта 12px, 16 или 60, в em он всегда точно равен этому размеру. em – еденица измерения в типографии. С чего было выбрано это название? вот немного истории: em изначально были равны размеру металического блока в печатных машинках это размер был равен ширину заглавной буквы “М” Компьютеры используют так называемый “kerning” для выделения горизонтального места под каждую букву, делая буквы равноудаленными. Первоначально, металлический блок был урезан или “kerned”, чтобы сделать горизонтальное дополнение вокруг каждой буквы одинаковым. Так, в CSS, em – фактически вертикальное измерение. Один em равняется вертикальному месту, необходимому для любой буквы в шрифте, независимо от горизонтального места, которое это занимает. Поэтому: Если размер шрифта 16px, то 1em = 16px. У всех популярных браузеров размер шрифта по умолчанию 16px. Поэтому, при настройках браузера по умолчанию, 1em = 16px. Так, прежде, чем селектор CSS описан, размер шрифта по умолчанию в брауезер 16px. наследует это если не описано другое в CSS. Поэтому 1em = 16px, 0.5em = 8px, 10em = 160px и так далее. Мы можем теперь определить любой размер элемента, в котором мы нуждаемся с помощью em!