網頁文字單位－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網頁排版設計輕鬆做
即將進入廣告，捲動後可繼續閱讀
為什麼會看到廣告
29會員
161內容數
藉由Animate CC製作網頁上的動畫，並發佈成HTML5+CANVAS+JAVASCRIPT格式，已是最有效率設計製作專業網頁動畫效果的方式，筆者將藉由此空間分享與介紹Animate CC製作網頁動畫技巧，歡迎一起讓網頁上的內容動起來!
留言0
查看全部
你可能也想看
Google News 追蹤
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
美國總統大選只剩下三天， 我們觀察一整週民調與金融市場的變化（包含賭局）， 到本週五下午3:00前為止， 誰是美國總統幾乎大概可以猜到60-70%的機率， 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Faker昨天真的太扯了，中國主播王多多點評的話更是精妙，分享給各位
王多多的點評
「Faker是我們的處境，他是LPL永遠繞不開的一個人和話題，所以我們特別渴望在決賽跟他相遇，去直面我們的處境。
我們曾經稱他為最高的山，最長的河，以為山海就是盡頭，可是Faker用他28歲的年齡...
夜走之後才發現我們還有些許匱乏。一種綿長而不停歇的移動，從不需轉乘和路線圖的思索，我們就只是回家。往那個最必要最索求的終點前進，然後再由終點發展出另一個終點，像是一種遲不驟止的命運。我們持續綿長的行走，一切需索都不會停止。
這陣子一直在練習做PPT，趕著做青創計畫的書審資料(最近在忙的事情，後面會寫文章分享)，花了好多時間研究它的操作方式。因為工作上，幾乎不太會使用到簡報，但基本的操作大概知道一些。
從四月開始一直到五月初，小本邊做邊學習，不斷地砍掉重練、反反覆覆地練習。這一個多月下來，學到了幾個新招式，有實際操...
在browser裏，想查的英文單字用mouse移到該單字上，單指重壓”觸控式軌跡板”後，自動出現該單字的解釋，簡單好用。
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
美國總統大選只剩下三天， 我們觀察一整週民調與金融市場的變化（包含賭局）， 到本週五下午3:00前為止， 誰是美國總統幾乎大概可以猜到60-70%的機率， 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Faker昨天真的太扯了，中國主播王多多點評的話更是精妙，分享給各位
王多多的點評
「Faker是我們的處境，他是LPL永遠繞不開的一個人和話題，所以我們特別渴望在決賽跟他相遇，去直面我們的處境。
我們曾經稱他為最高的山，最長的河，以為山海就是盡頭，可是Faker用他28歲的年齡...
夜走之後才發現我們還有些許匱乏。一種綿長而不停歇的移動，從不需轉乘和路線圖的思索，我們就只是回家。往那個最必要最索求的終點前進，然後再由終點發展出另一個終點，像是一種遲不驟止的命運。我們持續綿長的行走，一切需索都不會停止。
這陣子一直在練習做PPT，趕著做青創計畫的書審資料(最近在忙的事情，後面會寫文章分享)，花了好多時間研究它的操作方式。因為工作上，幾乎不太會使用到簡報，但基本的操作大概知道一些。
從四月開始一直到五月初，小本邊做邊學習，不斷地砍掉重練、反反覆覆地練習。這一個多月下來，學到了幾個新招式，有實際操...
在browser裏，想查的英文單字用mouse移到該單字上，單指重壓”觸控式軌跡板”後，自動出現該單字的解釋，簡單好用。