在css中，相对长度单位用于指定相对于另一个长度属性的长度。
| 序号 | 单位和描述 |
|---|---|
| 1 |
em 相对于元素的字体大小，即4em表示当前字体大小的4倍。 
网龙b2b仿阿里巴巴电子商务平台
查看详情
本系统经过多次升级改造，系统内核经过多次优化组合，已经具备相对比较方便快捷的个性化定制的特性，用户部署完毕以后，按照自己的运营要求，可实现快速定制会费管理，支持在线缴费和退费功能财富中心，管理会员的诚信度数据单客户多用户登录管理全部信息支持审批和排名不同的会员级别有不同的信息发布权限企业站单独生成，企业自主决定更新企业站信息留言、询价、报价统一管理，分系统查看分类信息参数化管理，支持多样分类信息， 
0
|
| 2 |
ex 相对于当前字体的x高度 |
| 3 |
ch 立即学习“前端免费学习笔记（深入）”； 相对于0的宽度 |
| 4 |
rem 相对于根元素的字体大小 |
| 5 |
vw 相对于视口宽度的1％* |
| 6 |
vh 相对于视口高度的1％* |
| 7 |
vmin 相对于视口*较小的尺寸的1％ |
| 8 |
vmax 相对于视口*较大的尺寸的1％ |
| 9 |
% 相对于父元素 |
让我们看一个使用相对长度单位的示例：
演示
<!DOCTYPE html>
<html>
<head>
<style>
.demo {
text-decoration: overline underline;
text-decoration-color: blue;
font-size: 1.4em;
}
</style>
</head>
<body>
<h1>Details</h1>
<p class="demo">Examination Center near ABC College.</p>
<p class="demo2">Exam begins at 9AM.</p>
</body>
</html>
现在让我们看另一个例子 −
实时演示
<!DOCTYPE html>
<html>
<head>
<style>
.demo {
text-decoration: overline underline;
text-decoration-color: blue;
font-size: 4ch;
}
</style>
</head>
<body>
<h1>Details</h1>
<p class="demo">Examination Center near ABC College.</p>
<p class="demo2">Exam begins at 9AM.</p>
</body>
</html>
以上就是CSS 中的相对长度单位的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
839
收藏
