CSS基础——网页设计中的各种单位

绝对单位:

  1. 像素(px) - 最常见的单位,固定大小,但在现代浏览器中可能会根据用户的缩放级别进行调整。
  2. 英寸(in) - 物理单位,1英寸等于2.54厘米。
  3. 厘米(cm) - 物理单位,用于定义基于厘米的长度。
  4. 毫米(mm) - 物理单位,1毫米等于0.1厘米。
  5. 点(pt) - 印刷业标准单位,1点等于1/72英寸。
  6. 派卡(pc) - 又称为“字号”或“级”,在传统排版中,1派卡等于12点。

相对单位:
7. 百分比(%) - 相对于父元素的相应属性值计算的长度。
8. em - 相对单位,等于当前元素的字体大小。例如,如果元素的字体大小是16px,则1em等于16px。
9. rem - 根元素(通常是html元素)的字体大小为基准的相对单位。
10. ex - 相对于字符’x’的高度,不同的字体这个高度会有所不同。
11. vw - 视口宽度单位,1vw等于视口宽度的1%。
12. vh - 视口高度单位,1vh等于视口高度的1%。
13. vmin - 视口宽度或高度较小的那个尺寸的1%。
14. vmax - 视口宽度或高度较大的那个尺寸的1%。

  • 5
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值