首页 / 知识
HTML px、em、pt长度单位
2023-04-11 14:50:00
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是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。
对文字设置不同长度empxpt单位看看效果：
CSS代码：
.divcss-px{font-size:12px}
.divcss-pt{font-size:12pt}
.divcss-em{font-size:2em}
HTML代码：
<divclass="divcss-px">我是divcss1</div>
<divclass="divcss-pt">我是divcss2</div>
<divclass="divcss-em">我是divcss3</div>
|
最新内容
相关内容
python函数、类的区别
python函数、类的区别，数据，代码，培训，公用，设计，名称，变量，函数，实例，方法，python函数、类的区别：函数是组织好的，可重复使用的，用来实现单一，或
python列表长度怎么计算
python列表长度怎么计算，培训，列表，长度，个数，实例，元素，函数，以上，使用方法，语法，python中的内置函数len()用于计算列表的长度，返回列表中元
python如何打印列表长度
python如何打印列表长度，培训，技术，概念，项目，列表，长度，数组，方法，鲜为人知，初始化，首先，我们需要明确的一点就是Python是没有数组这一概念的
python类、模块、包的概念及区别
python类、模块、包的概念及区别，概念，数据，培训，模块，名字，环境，基础，文件，函数，定义，类类的概念在许多语言中出现，是面向对象编程的基础，很容
python怎么打印字符串长度
python怎么打印字符串长度，培训，字符串，长度，函数，参数，字符，文本，空格，变量，语法，与其他的语言一样，有时候需要查看或者说计算字符串的长度。
python如何获取列表的长度
python如何获取列表的长度，策略，培训，长度，列表，方法，结构，高效，数据类型，实例，属性，python如何获取列表的长度1、说明使用len()方法来获取列
关于 bash：如何将 Markdown 文档批
关于 bash：如何将 Markdown 文档批量转换为 HTML？，关于 bash：如何将 Markdown 文档批量转换为 HTML？，文档,文件,并为,创建一个，How can I
关于html：如何定制有序列表中的数字
关于html：如何定制有序列表中的数字？，关于html：如何定制有序列表中的数字？，数字,列表,左对齐,中将，How can you customize the numbers i
关于asp.net mvc：如何在MVC中使用Ht
关于asp.net mvc：如何在MVC中使用HtmlHelper获取呈现的自定义ID，关于asp.net mvc：如何在MVC中使用HtmlHelper获取呈现的自定义ID，表单
W3C XHTML/CSS 验证在完成工作时有
W3C XHTML/CSS 验证在完成工作时有多重要？，W3C XHTML/CSS 验证在完成工作时有多重要？，验证,运行,这是,是在，How important is W3C XHTM
如何在FogBugz维基页面中创建HTML
如何在FogBugz维基页面中创建HTML锚点？，如何在FogBugz维基页面中创建HTML锚点？，基页,链接,我想,单是，How do I create an HTML anchor
关于html5：是否有理由不开始使用HTM
关于html5：是否有理由不开始使用HTML 5文档类型？，关于html5：是否有理由不开始使用HTML 5文档类型？，新功能,支持,尚不,兼容，Any reason no