1.px
px:绝对单位。像素px是相对于显示器屏幕分辨率而言的,不会因为其他元素的尺寸变化而变化 。
2.em
em:相对单位,相对于父元素而言的。通常16px(浏览器默认字体大小)=1em,则12px=0.75em,10px=0.625em。
为简化font-size的换算,需要在css中的body选择器中声明font-size=62.5%,这就使em的值变为16px*62.5%=10px,这样12px=1.2em,10px=1em,也就是将原来的px值除以10,换上em做单位就可以了。
3.rem
rem:是CSS3新增的一个相对单位。相对的是HTML根元素。