在上篇部落格提到了%、px、em三個單位，其中最複雜的是em，因為要計算當前元素內的font-size，必須知道其父元素的font-size，層層累積，容易出錯。現在css3中引入了新的單位rem，改變了這一現狀。
rem, 官方說法:根元素的font-size。官方這次說得很明白，rem是相對於根元素html來計算的，根當前元素的直接父元素無關，只要在html設定font-size就可以了，預設為1rem=16px。下面再看個例子：
.container.child
html下1rem=16px，container下font-size=1.5*16=24px，1em=24px，height=24*10=240px,child下font-size=0.8*16=12.8px，1em=12.8px，height=12.8*5=64px。當然ie8及更低版本的ie是不支援rem的，因此在考慮到相容性的時候，可以用px來hack。
其他的單位in、cm、mm、pt、pc都是絕對單位，這些單位在web上用得比較少，與px間的換算關係如下
1in = 2.54cm = 25.4 mm = 72pt = 6pc = 96px
目前這些單位中應用比較廣泛的是px,em,rem,%，現在很火爆的bootstrap比較多的用到了em，如果不用支援ie8，可以考慮用rem，搞清楚這些單位的情況，有利於在畫面準備的布局。
css中關於居中的那點事兒
關於居中，無論是水平居中，還是垂直居中都有很多方式，下面我來介紹一些常用的。this is a div 注意 如果塊級元素是body的直接子元素，不設定寬，則預設100 看不出效果 不設定高，且div中沒有內容，則高度預設為0。因此，一定要同時設定塊級元素的寬和高，這樣才能看出來效果。對於在乙個di...
CSS定位那點事兒
這幾日特別學習了定位的相關屬性和用法，懵逼了好久。說到定位懵逼，恐怕不得不提浮動，一開始也是懵逼，一會兒飄離文件流，一會兒又佔了位置，說是啥脫離文件流半層，這點意思可是把咱們坑慘了。後面又來了定位，再次飄離了文件流。經過一番心思，理解，和試探，終究是有了些眉目。稍作整理，分享給大家共同 無論是浮動還...
css定位那點事兒
這幾日特別學習了定位的相關屬性和用法，懵逼了好久。說到定位懵逼，恐怕不得不提浮動，一開始也是懵逼，一會兒飄離文件流，一會兒又佔了位置，說是啥脫離文件流半層，這點意思可是把咱們坑慘了。後面又來了定位，再次飄離了文件流。經過一番心思，理解，和試探，終究是有了些眉目。稍作整理，分享給大家共同 無論是浮動還...