css的长度单位有那些?

长度单位用于控制元素大小、宽高、左右边距、字体大小。 css分为:相对单位和绝对单位。下面我就介绍一下我常用的单位。

1、相对单位:

em:相对于字体大小计算长度单位

rem:相对于根元素<html>的字体来计算的

%:相对于父元素来定位的

vw:相对于浏览器的视口来计算的,视口的宽就是浏览器的宽

vh:相对于视口的宽度来计算的

2、绝对单位:

px:是最常用的单位,1px等于1像素

cm:1cm等于10毫米

相关推荐
薛定e的猫咪8 分钟前
2026 年 4 月实测:OpenAI Codex 保姆级教程,从安装到 MCP、Skills 与多智能体协作
前端·数据库·人工智能
I love studying!!!11 分钟前
Web应用程序:用户账户
前端·数据库·sqlite
whuhewei11 分钟前
React性能优化
前端·react.js·性能优化
m0_7381207212 分钟前
渗透知识ctfshow——Web应用安全与防护(三)
android·前端·安全
下北沢美食家23 分钟前
React面试题2
前端·react.js·前端框架
摇滚侠28 分钟前
HTML CSS 演示小米 logo 的变化 border-radius 属性设置圆角
前端·css·html
❆VE❆29 分钟前
虚拟列表原理与实战运用场景详解
前端·javascript·css·vue.js·html·虚拟列表
weixin_4080996732 分钟前
【实战教程】EasyClick 调用 OCR 文字识别 API(自动识别屏幕文字 + 完整示例代码)
前端·人工智能·后端·ocr·api·安卓·easyclick
Bigger35 分钟前
第四章:我是如何扒开 Claude Code 记忆与上下文压缩机制的
前端·claude·源码阅读
还在忙碌的吴小二38 分钟前
在 Mac 上安装并通过端口调用 Chrome DevTools MCP Server(谷歌官方 MCP 服务器)
服务器·前端·chrome·macos·chrome devtools