📅 最后修改于: 2023-12-03 15:01:11.370000 🧑 作者: Mango
HTML中的单位用于指定元素的尺寸，包括长度、宽度、边距和填充等。在HTML中，常用的单位有像素、百分比、em、rem等。
像素是最常用的单位，它代表屏幕上的一个点。像素是固定的，不随页面缩放而改变。CSS中使用像素作为绝对单位（absolute length），在HTML中使用像素通常是相对单位（relative length）。
<div style="width: 200px; height: 100px; background-color: red;"></div>
百分比是相对单位，相对于父元素来计算。百分比的值随着父元素的大小而改变，在响应式设计中应用广泛。
<div style="width: 50%; height: 50%; background-color: blue;"></div>
em是相对单位，相对于当前元素的字体大小来计算。在没有继承的情况下，1em等于父元素的字体大小。在继承的情况下，1em等于当前元素继承的字体大小。
<p style="font-size: 16px;">
这是一个段落
<span style="font-size: 1.5em;">加粗</span>
</p>
rem也是相对单位，相对于根元素的字体大小来计算。在网页中，根元素指的是HTML元素。
<html style="font-size: 16px">
<body>
<div style="font-size: 1.5rem">这是一个div</div>
</body>
</html>
除了像素、百分比、em和rem之外，还有其他一些单位，如pt、pc、in、cm等，但在HTML中使用较少。
总之，在HTML中，单位的选择取决于具体情况。通常情况下，应该优先考虑使用相对单位，以便实现响应式设计和良好的浏览器兼容性。