- px像素(Pixel,像素px是相对于显示器屏幕分辨率而言的。
- em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于父级元素字体尺寸(若父级元素未指定font-size,则一层一层的往上找;若找不到,则相对于浏览器的默认字体尺寸)。
对应的html代码 <div><p></p></div>
若设置样式 div{font-size:16px;} p{font-size:1em},那么p元素的font-size为16px。
- rem是CSS3新增的一个相对单位(root em),根em。 使用rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素。
可以设置html,body{font-size=62.5%},那么1rem=10px,方便使用。
- %百分比,是相对于父元素的比列。
我们在设置width的时候,经常会用到%。如{width:90%;margin:0 auto}