px+em+pt+rpx+rem的区别

本文详细解释了px、em、pt、rpx 和 rem 这五种CSS长度单位的区别,并通过实例展示了它们的应用场景。
 px+em+pt+rpx+rem的区别
 1.px:(Pixel)单位名称像素,相对长度单位,是相对显示器屏幕分辨率而言的。国内使用的多。

 2.em:单位名称为相对长度单位,相对于当前对象内文本的字体尺寸。如果当前对行内文本的字体尺寸未被人设置,则相对于浏览器的默认字体尺寸。国外使用的多。

 3.pt:单位名称为点(point),绝对长度单位一般老版本的table使用,现在已经不用了。

 4.rpx:在移动端用较多。

 5.rem:是CSS3中新增加的一个...


一道相关题





解答:
 1、两个字上下之间的距离为15个像素; 即line-height:15px;

 2、两个字上下之间的距离为150%倍;   即line-height:150%;

 3、假如我们初始设font-size:12px; 那么line-height:1.5;  就相当于12*1.5=18px;

 4、先了解 1em=16px; 所以:1.5em=24px; 即两个字上下之间的距离为24个像素;line-height:1.5em == line-height:24px;


要是有错,望大家留言互相学习,互相进步大笑

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值