CSS_都有什么长度单位,每一种单位都有其特定的意义和用途

  • px:像素(Pixel),是指屏幕上的一个点,是最常用的单位。1px表示屏幕上的一个物理像素点。
  • em:相对长度单位,表示相对于当前元素的字体大小。当使用em作为长度单位时,其值是相对于该元素的字体大小来计算的。
  • rem:相对长度单位,表示相对于根元素(即html元素)的字体大小。当使用rem作为长度单位时,其值是相对于根元素的字体大小来计算的。
  • %:百分比(Percentage),表示相对于父元素的尺寸。当使用%作为长度单位时,其值是相对于包含该元素的最近的已定位父元素的尺寸(通常是宽度)来计算的。
  • vw:视窗宽度(Viewport Width),表示相对于视口宽度的百分比。1vw表示视口宽度的1%。
  • vh:视窗高度(Viewport Height),表示相对于视口高度的百分比。1vh表示视口高度的1%。
  • vmin:视口宽度和高度中较小的那个值,表示相对于该值的百分比。1vmin表示视口宽度和高度中较小的那个值的1%。
  • vmax:视口宽度和高度中较大的那个值,表示相对于该值的百分比。1vmax表示视口宽度和高度中较大的那个值的1%。
  • fr:弹性长度单位(Flexible Length Unit),表示剩余空间的一部分。在使用CSS Grid等布局方式时非常有用。
  • ch:字符宽度(Character Width),表示数字0的宽度。在排版等场景中,可以用它来设置等宽字体的字符宽度。
  • ex:字母x的高度(x-Height),表示当前字体的字母x的高度。在排版等场景中,可以用它来设置行高等。
  • min-content:表示元素最小内容的尺寸,即元素的最小宽度或高度。
  • max-content:表示元素最大内容的尺寸,即元素的最大宽度或高度。
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值