本篇內容主要講解“HTML的px、em、pt長度單位有什么不同”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“HTML的px、em、pt長度單位有什么不同”吧!
px單位名稱為像素,相對長度單位,像素(px)是相對于顯示器屏幕分辨率而言的;
em單位名稱為相對長度單位。相對于當前對象內文本的字體尺寸,國外使用比較多;
pt單位名稱為點(Point),絕對長度單位一般老版本的table使用長度大小單位,但是現在基本上沒有使用。
html單位簡短介紹:
Px 像素Pixel;相對長度單位。
Pt 點(Point);絕對長度單位
Em 相對長度單位,這里em與html <em>標簽的"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長度單位有什么不同”有了更深的了解,不妨來實際操作一番吧!這里是億速云網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。