262-视口,布局视口,视觉视口,移动端适配,less语法,比哪里,DPR,RRI,less的弊端,运算,嵌套,混合,继承,混入,运算,

本文深入探讨了CSS中的单位,包括绝对单位和相对单位,重点解析了像素的物理像素、逻辑像素和CSS像素的区别。同时,详细介绍了设备像素比(DPR)和每英寸像素(PPI)。文章还讨论了CSS编写中的痛点,引出了CSS预处理器Less的必要性,讲解了Less的变量、嵌套、运算、混入等功能,并介绍了移动端适配和视口的概念,如布局视口、视觉视口和理想视口。
摘要由CSDN通过智能技术生成

262-CSS中的单位

◼ 前面编写的CSS中,我们经常会使用px来表示一个长度(大小),比如font-size设置为18px,width设置为100px。
◼ px是一个长度(length)单位,事实上CSS中还有非常多的长度单位。
◼ 整体可以分成两类:
 绝对长度单位(Absolute length units);
 相对长度单位(Relative length units)

CSS中的绝对单位( Absolute length units )

◼ 绝对单位:
 它们与其他任何东西都没有关系,通常被认为总是相同的大小。
 这些值中的大多数在用于打印时比用于屏幕输出时更有用,例如,我们通常不会在屏幕上使用cm。
 惟一一个您经常使用的值,就是px(像素)。
在这里插入图片描述
em相对与自己的fonts-zie
自己没有是相对于父元素,继承属性其实还是相对于自己的fon

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

学习记录wanxiaowan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值