这篇“html的px、em和pt长度单位怎么用”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“html的px、em和pt长度单位怎么用”文章吧。
创新互联建站是一家集网站建设,西盟企业网站建设,西盟品牌网站建设,网站定制,西盟网站建设报价,网络营销,网络优化,西盟网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。
一、PX\EM\PT单位介绍
px单位名称为像素，相对长度单位，像素（px）是相对于显示器屏幕分辨率而言的国内推荐；
em单位名称为相对长度单位。相对于当前对象内文本的字体尺寸，国外使用比较多；扩展阅读：html em标签,html em强调标签
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是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。
二、html单位对比案例
1、简单小例：
Width:300px 宽度为300像素
Width:300pt 宽度为300点
Width:300em 宽度为300相对长度
以上我们设置相同数值的不同单位实例
2、对文字设置不同长度em px pt单位看看效果：
CSS代码：
.创新互联-px{ font-size:12px} .创新互联-pt{ font-size:12pt} .创新互联-em{ font-size:2em}HTML代码：
我是创新互联
