HTML中长度怎么表示？
在html开发中，我们常常需要设置元素的长度，比如设置图片大小，设置输入框的宽度等等。那么，html中都有哪些常见的长度表示方法呢？下面就来一一介绍。
1. 直接数值表示
最常见的表示长度的方法就是直接使用数值。比如：
<div style="width: 400px; height: 300px;"></div>
其中，width属性和height属性都是使用数值来表示长度的。这种方法简单直接，但是不够灵活，比如说你要响应式设置图片大小，就不能使用这种方法。
2. px单位
在html开发中，我们可以使用px单位来表示长度。px是一种像素单位，表示通过点阵所能显示出的最小颗粒。例如：
<div style="width: 400px; height: 300px;"></div>
这个div元素的宽度和高度都是400px和300px。这种方法比上面直接使用数值的方法更为方便，也更加灵活，可以应用于响应式布局。
3. em单位
em是一种相对长度单位，指定相对于元素自身字体大小的尺寸。例如，下面这个例子中，父元素的字体大小是20px，那么子元素的宽度就是50em * 20px = 1000px。
<div style="font-size:20px;">
<div style="width:50em;"></div>
</div>
em单位也可以用于字体大小的调整，例如：
<div style="font-size:16px;">
这是一段16px的文字。
<span style="font-size:2em;">这是一段32px的文字。</span>
</div>
4. rem单位
rem是一种相对长度单位，指定相对于根元素（即html元素）字体大小的尺寸。例如，如果根元素的字体大小是20px，下面这个例子中，子元素的宽度就是50rem * 20px = 1000px。
<html style="font-size: 20px;">
<div style="width: 50rem;"></div>
</html>
rem单位比em单位更为灵活，因为它不会受到继承字体大小的影响。同时，它也可以应用于响应式布局。
5. %单位
%是一种相对长度单位，指定相对于父元素的百分比。例如：
<div style="width:50%;"></div>
这个div元素的宽度将会是其父元素宽度的一半。%单位也可以用于图片大小的设置。例如：
<img src="xxxx" style="width:50%;">
这个例子中，图片的宽度和高度都是其父元素宽度和高度的一半。
总结
在html开发中，常见的长度表示方法有直接数值表示、px单位、em单位、rem单位和%单位。不同的方法有不同的适用场景，在实际开发中需要根据需求来选择合适的方法。