首页前端开发JavaScriptHTML px、em、pt长度单位

HTML px、em、pt长度单位

时间2024-01-29 06:18:03发布访客分类JavaScript浏览355
导读:收集整理的这篇文章主要介绍了HTML px、em、pt长度单位,觉得挺不错的,现在分享给大家,也给大家做个参考。px单位名称为像素,相对长度单位,像素(px)是相对于显示器屏幕分辨率而言的;em单位名称为相对长度单位。相对于当前对象内文本的...
收集整理的这篇文章主要介绍了HTML px、em、pt长度单位,觉得挺不错的,现在分享给大家,也给大家做个参考。

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长度单位的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: HTML的版本下一篇:HTML上标<sup>与下标注&lt...猜你在找的JavaScript相关文章 html font标签如何设置字体大小?html font标签属性用法介绍2022-05-16vue3+TypeScript+vue-router的使用方法2022-04-16vue3获取当前路由地址2022-04-16如何利用React实现图片识别App2022-04-16JavaScript展开运算符和剩余运算符的区别详解2022-04-16微信小程序中使用vant框架的具体步骤2022-04-16Vue elementUI表单嵌套表格并对每行进行校验详解2022-04-16如何利用Typescript封装本地存储2022-04-16微信小程序中wxs文件的一些妙用分享2022-04-16JavaScript的Set数据结构详解2022-04-16 其他相关热搜词更多phpjavapython

若转载请注明出处: HTML px、em、pt长度单位
本文地址: https://pptw.com/jishu/590710.html
HTML上标与下标注标签元素 HTML 加粗与加粗标签区别

游客 回复需填写必要信息