百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> HTML px、em、pt长度单位
分享文章到:

HTML px、em、pt长度单位

发布时间:09/01 来源:未知 浏览: 关键词:

px单位名称为像素,相对长度单位,像素(px)是相关于显示器屏幕辨论率而言的;

em单位名称为相对长度单位。相关于当前对象内文本的字体尺寸,国外使用比力多; (引荐学习:html教程)

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长度单位的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有150人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板