首頁 > web前端 > html教學 > HTML px、em、pt長度單位

HTML px、em、pt長度單位

(*-*)浩
發布: 2019-10-14 16:11:15
原創
3220 人瀏覽過

HTML px、em、pt長度單位

px單位名稱為像素,相對長度單位,像素(px)是相對於顯示器螢幕解析度而言的;

em單位名稱為相對長度單位。相對於目前物件內文字的字體尺寸,國外使用比較多;  (建議學習:html教學)

pt單位名稱為點(Point),絕對長度單位一般舊版的table使用長度大小單位,但現在基本上沒有使用。

html單位簡短介紹:

Px 像素Pixel;相對長度單位。

Pt 點(Point);絕對長度單位

Em 相對長度單位,這裡em與html 標籤的"EM"拼字完全相同,而這裡em作為單獨文字單位。

1. 以前IE無法調整那些使用px作為單位的字體大小,但現在幾乎IE都支持在這裡也推薦使用PX作為單位;

2. 國外的大部分網站能夠調整的原因在於其使用了em作為字體單位;

3. Firefox能夠調整px和em,但是96%以上的中國網民使用IE瀏覽器(或核心)。

px像素(Pixel)。相對長度單位。像素px是相對於顯示器螢幕解析度而言的,QQ截圖也是使用PX作為長度寬度單位。

em是相對長度單位。相對於目前物件內文字的字體尺寸。如目前對行內文字的字體尺寸未被人為設置,則相對於瀏覽器的預設字體尺寸。

對文字設定不同長度em px pt單位看看效果:

#CSS程式碼:##

.divcss-px{ font-size:12px} 
.divcss-pt{ font-size:12pt} 
.divcss-em{ font-size:2em}
登入後複製

HTML程式碼:

<div class="divcss-px">我是divcss1</div> 
<div class="divcss-pt">我是divcss2</div> 
<div class="divcss-em">我是divcss3</div>
登入後複製

以上是HTML px、em、pt長度單位的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板