首先要記住網頁中常規字型的大小為16px。
px是用來設定字型的絕對大小。通常為用於物理值的設定。我們在網際網路上看到的常規字型大小為16px。而em是指相對于父元素的大小。1em是父元素的1倍，2em就是大小為父元素的2倍。當前，一般情況下，父元素的預設字型為16px。所以通常會認為1em = 16px。
絕大多數瀏覽器都支援更改網頁的字型大小，例如chrome瀏覽器就是ctrl和'+'同時按下，放大字型。同理ctrl+『-』就是縮小字型。或者ctrl+滾輪。但是ie無法調整那些使用px作為單位的字型大小。而國外的大部分**都採用em作為字型大小。
pxem
px畫素(pixel)是絕對長度單位，畫素px是相對於顯示器螢幕解析度而言的。
em是相對長度單位，相對於當前物件內文字的字型尺寸。如當前對行內文字的字型尺寸未被人為設定，則相對於瀏覽器的預設字型尺寸(16px)。
px是絕對單位，不支援ie8以下的縮放。但是firefox，chrome和ie8以上都支援。
em是相對單位，網頁中的文字能放大和縮小。將行距(line-height)，和縱向高度的單位都用em。保證縮放時候的整體性。
px 寬度常用在寬度的定義等絕對定義的場合，使用 px 設計的網頁不會因為父元素的大小而改變，這樣可以保證設計的精確度。
中文文章的段落首行縮排兩個字元直接使用 p 就行。在其他需要依字型大小來設定寬高度，大小的使用 em 也是比較方便的。
css百分比定位和百分比尺寸
只有設定了定位的 relative,absolute,fixed 的元素才有left,top等屬性。子元素relative定位 百分比定位和百分比尺寸都是相對于父元素，無論父元素有沒有定位 子元素absolute定位 百分比定位和百分比尺寸都是相對於最近的定位了的祖先元素，如果沒有則相對於視窗。可以...
CSS百分比布局
曾經的 布局可能大家都有點陌生了吧，其實我也是基本上沒用過，自從web2.0的興起，重構的思想，這讓 布局就這樣消失了基本上，布局中有用到百分比布局的，在 布局 落下帷幕之後，基本上我們都是讓網頁固定為950 1000px，如果布局使用了百分比寬度 如90 耳邊很快就能聽到抱怨 我的顯示器上效果不太...
margin之百分比
我們以乙個問題開始 假設乙個塊級包含容器，寬1000px，高600px，塊級子元素定義 margin 10 5 大家說說 margin 的 top,right,bottom,left 計算值最終是多少？我記得得到不少 100px 30px 100px 30px 的反饋，我們來還原 css demo ...