HTML中px、em、pt長度單位是什么意思

小編給大家分享一下HTML中px、em、pt長度單位是什么意思，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

px單位名稱為像素，相對(duì)長度單位，像素（px）是相對(duì)于顯示器屏幕分辨率而言的；

em單位名稱為相對(duì)長度單位。相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸，國外使用比較多；

pt單位名稱為點(diǎn)（Point），絕對(duì)長度單位一般老版本的table使用長度大小單位，但是現(xiàn)在基本上沒有使用。

html單位簡短介紹：

Px 像素Pixel；相對(duì)長度單位。

Pt 點(diǎn)（Point）；絕對(duì)長度單位

Em 相對(duì)長度單位，這里em與html <em>標(biāo)簽的"EM"拼寫完全相同，而這里em作為單獨(dú)文本單位。

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

2. 國外的大部分網(wǎng)站能夠調(diào)整的原因在于其使用了em作為字體單位;

3. Firefox能夠調(diào)整px和em，但是96%以上的中國網(wǎng)民使用IE瀏覽器(或內(nèi)核)。

px像素(Pixel)。相對(duì)長度單位。像素px是相對(duì)于顯示器屏幕分辨率而言的，QQ截圖也是使用PX作為長度寬度單位。

em是相對(duì)長度單位。相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸。如當(dāng)前對(duì)行內(nèi)文本的字體尺寸未被人為設(shè)置，則相對(duì)于瀏覽器的默認(rèn)字體尺寸。

對(duì)文字設(shè)置不同長度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長度單位是什么意思的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！