一、像素（PX）
1px即屏幕上的一個點
em是相對度量單位，需考慮繼承，具體情況如下：
1、默認：
字體高度1em=16px，width/height/padding/margin設置em均以字體高度1em=16px為基礎，而不是當前元素的父元素或body為基礎
例如:具體尺寸詳下圖
<body> <div id="a"> <div id="b">1</div> </div></body>
<style>
#a{
font-size: 2em; body：16*2=32px
padding:1em; #a：32*1=32px
margin: 1em;width: 1em;height: 1em;
}
#b{
font-size: 1em; #a：32*1=32px
padding:.5em; #b：32*.5=16px
margin: .5em;width: .5em;height: .5em;
}
</style>
id為a的元素尺寸 id為b的元素尺寸
字體高度1em=16px，width/height/padding/margin設置em均以字體高度1em=16px為基礎，而不是當前元素的父元素或body為基礎
拓展：使用em可提高CSS的可維護性，改變元素字體大小從而使元素尺寸隨之變化，無需手動意義修改，但要注意em的繼承性
2、修改父元素或body的font-size，子元素隨之改變，之后同上
rem表示基于根元素的字高（<html>元素的字高）
百分比是相對度量單位，字體高度需考慮父元素或body繼承，尺寸需考慮父元素或頁面的繼承。
1vh/vw等于視口高度/寬度（瀏覽器窗口高度/寬度）的1/100
1vmin/vmax=1vh/vw（取最值）
元素位置
position:right/left/top/bottom
元素中文字水平位置
text-align:right/left/center/justify
相對周圍元素的基線
vertical-align:top/bottom/middle/.....
字體大小
默認：
small（13px）/x-small（10px）/xx-small（9px）
large（18px）/x-large（24px）/xx-large（32px）
繼承
inherit，強制繼承父元素屬性
新聞熱點
疑難解答
