About em defined in css

Before I thought "em" is a measure like px ,pt,but i realize what a mistake i made ,well,"em" is not only like measure simple ,it changes as the parent element,a good example i found below:

left margin =24 pixels

left margin =18 pixels

left margin =12 pixels

css is so magnificent,to be a css export,i need learn more,speed up!!!