HTML的px、em、pt長度單位有什么不同-創(chuàng)新互聯(lián)

本篇內(nèi)容主要講解“HTML的px、em、pt長度單位有什么不同”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“HTML的px、em、pt長度單位有什么不同”吧!

西山網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司,西山網(wǎng)站設(shè)計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為西山1000+提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站制作要多少錢，請找那個售后服務(wù)好的西山做網(wǎng)站的公司定做！

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

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

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

html單位簡短介紹：

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

Pt 點（Point）；絕對長度單位

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

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)。相對長度單位。像素px是相對于顯示器屏幕分辨率而言的，QQ截圖也是使用PX作為長度寬度單位。

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

對文字設(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長度單位有什么不同”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)建站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

分享標(biāo)題：HTML的px、em、pt長度單位有什么不同-創(chuàng)新互聯(lián)
URL標(biāo)題：http://www.muchs.cn/article24/dssoje.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁設(shè)計公司、關(guān)鍵詞優(yōu)化、網(wǎng)站策劃、微信公眾號、外貿(mào)建站、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)