px单位名称为像素,相对长度单位,像素(px)是相对于显示器屏幕分辨率而言的;
em单位名称为相对长度单位。相对于当前对象内文本的字体尺寸,国外使用比较多; (推荐学习:html教程)
pt单位名称为点(point),绝对长度单位一般老版本的table使用长度大小单位,但是现在基本上没有使用。
html单位简短介绍:
px 像素pixel;相对长度单位。
pt 点(point);绝对长度单位
em 相对长度单位,这里em与html 907fae80ddef53131f3292ee4f81644b标签的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长度单位的详细内容。