網頁文字單位－pt、px、%、em、rem
網頁的文字單位大致上分成: pt、px、%、em、rem
pt、px為最常見的，屬於絕對單位；%、em、rem則為相對單位。
%單位的算法： 預設網頁上的文字大小為16px=12pt，
假如設定font-size: 75%，意思就是將預設文字大小改成：16 X 0.75=12px
假如設定font-size: 0.75em，意思就是將預設文字大小改成：16 X 0.75=12px
那麼em、rem看起來很像的兩者，又有什麼差異呢？ em是以父元素為基準的文字單位，適合使用在限制區塊的內容，例如：ul li、p、div等等，em可以快速地從父元素改變內容文字的大小。 
rem的文字則是以根元素為基準，而根元素就是指標籤。適合用在整體網頁的尺寸切換，可以依據不同的螢幕尺寸，統一改變網頁全部的文字大小。
相關課程 : 精修DIV+CSS網頁排版設計輕鬆做
em是以父元素為基準的文字單位，適合使用在限制區塊的內容，例如：ul li、p、div等等，em可以快速地從父元素改變內容文字的大小。
rem的文字則是以根元素為基準，而根元素就是指標籤。適合用在整體網頁的尺寸切換，可以依據不同的螢幕尺寸，統一改變網頁全部的文字大小。
相關課程 : 精修DIV+CSS網頁排版設計輕鬆做
分享至
成為作者繼續創作的動力吧！
Dreamweaver CC除了提供方便的程式碼編輯畫面外，原本就是一個協助網頁初學者開始認識HTML碼的好工具，包括CSS設定與Bootstrap組件，更是響應式網頁初學者的好幫手，加上與PHP資料庫的輕易結合，絕對是學習完整網頁結構的最佳利器!
