HTML px、em、pt長度單位

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

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程式碼:

我是divcss1
我是divcss2
我是divcss3
登入後複製

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!