温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

HTML中px、em、pt长度单位是什么意思

发布时间:2020-11-05 13:41:45 来源:亿速云 阅读:1853 作者:小新 栏目:web开发

小编给大家分享一下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长度单位是什么意思的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI