em表示什么长度单位_html 常见的长度单位”px em pt” 简介说

摘要:

下文讲述常见的长度单位”px em pt”功能说明，如下所示:

px、pt、em单位简介说明

px:像素，相对长度单位，像素(px)是相对于显示器屏幕分辨率而言的国内推荐；

em:单位名称为相对font-size的长度单位。相对于当前对象内文本的字体尺寸，国外使用比较多

pt:点

例:

1、：

Width:80px 宽度是80像素

Width:80pt 宽度是80点

Width:80em 宽度是80相对长度

例:

使用px pt em设置浏览效果

.maomao-px{ font-size:16px}

.maomao-pt{ font-size:16pt}

.maomao-em{ font-size:1em}

www.maomao365.com pt px em测试

pt_px_em举例说明

从以上运行效果上，我们可以看出px pt em之间的对比。

px 同em之间换算

浏览器默认字体高度为16px,

所以默认浏览器的字体高度为1em

那么我们可以得出

12px =0.75em;

10px =0.625em;

注意事项:

我们经常看见css样式中设置

*{font-size=62.5%}

其实这个设置的意思为:font-size的长度为浏览器默认高度的百分之62.5%及16px*62.5% =10px;

由于改变了font-size的默认高度，那么1em= 62.5%*16px =10px;

如果我们在后续的文本中定义font-size为12px,则应该使用font-size:1.2em (1.2em = 12px/10px);

em单位的相关说明

em值是一个相对值，是相对font-size为一个单位的值

em值可随着font-size中的初始值进行变化

如果css中需使用em作为单位，我们首注意以下两点:

1.声明font-size长度，例:font-size=62.5%;

2.如果font-size设置为62.5%后，将px转换为em时，先除以10，然后再将后面的单位修改为em

em表示什么长度单位_html 常见的长度单位”px em pt” 简介说相关推荐

CSS中的常见单位（px,%,em,rem,vw,vh,vmax,vmin,calc)
像素(px)&百分比(%) 像素(Pixel) 长度单位,相对于显示器屏幕分辨率而言,通常在不定义显示缩放比例的情况下,1px对应显示器屏幕上的一个像素点. 早年的pc端展示的页面基本都用这个 ...
android中的长度单位介绍（dp,sp,px,in,pt,mm)
作为小白学习了一段时间的android,在学习过程中却一直有个疑问,在设置控件大小时面对这几个单位却不知如何选择,查找相关资料后了解了其含义,今天来分享下 dp或dip(device independ ...
【前端基础】整理常见的单位 px em rem % vw vh vmin vmax rpx
基本单位单位计算方式简介 px 标准像素优点兼容性最好,缺点没有弹性,对于过大过小屏幕显示效果不好 em font-size元素大小 1em等于font-size的大小(font-size默认 ...
web开发中的长度单位（px,em,ex,rem），如何运用，看完这篇就够了！
原创 2017-03-08 web小二 web前端开发作为一名前端开发人员,css中的长度单位,都是我们在工作中非常熟悉的名词,因为没有它们,我们就不能声明某个字符应该多大,或者某些图像周围应该留白 ...
几种常见的长度单位整理
几种常见的长度单位整理 VW 相对于视口的宽度.视口被均分为100单位的vw 屏幕宽375px,1vw=3.75px; VH 相对于视口的高度.视口被均分为100单位的vh 屏高1200px,1vh= ...
CSS中常见的长度单位 1
1.CSS中常见的长度单位名称英文全称中文名相对/绝对长度换算描述 % percentage 百分比相对原长度*百分数 px pixel 像素长度由屏幕大小和其分辨率决定 e ...
em表示什么长度单位_使用相对长度单位em布局网页内容
顺便问一下哈?那个辣椒酱大家感觉怎么样,你们也买了也尝了,是不是该反馈反馈啦~~如果还有想要的,可以联系我呐!原文地址:自从有了这款辣椒酱,拌饭再也不用老干妈前言:在页面开发中,页面元素的尺寸大小和 ...
HTML px em pt长度单位（像素相对长度点）
一.PX\EM\PT单位介绍 px单位名称为像素,相对长度单位,像素(px)是相对于显示器屏幕分辨率而言的国内推荐: em单位名称为相对长度单位.相对于当前对象内文本的字体尺寸,国外使用比较多:扩展阅 ...
认识css长度单位 px % em rem vh vw
目录长度单位 px % em rem vh.vw 总结长度单位在日常的项目开发,在使用css样式进行时布局的时候,我们常常用到px.%.em这三个单位.CSS3开始,浏览器新增加了rem.vh. ...

em表示什么长度单位_html 常见的长度单位”px em pt” 简介说

em表示什么长度单位_html 常见的长度单位”px em pt” 简介说相关推荐

最新文章

热门文章