dp 单位可以通过以下方式使用：
1. 设置元素的高度为 1dp:
height: 1dp;
这将设置元素的高度为 1 像素。元素的高度将基于屏幕总高度的像素数量来计算。
2. 设置元素的宽度为 1dp:
width: 1dp;
这将设置元素的宽度为 1 像素。元素的宽度将基于屏幕总高度的像素数量来计算。
3. 设置元素的宽度和高度为 1dp:
width: 1dp;
height: 1dp;
这将设置元素的宽度和高度为 1 像素。元素的宽度和高度将基于屏幕总高度的像素数量来计算。
需要注意的是，dp 单位与像素之间的转换关系不是固定的，因此在某些情况下可能会出现误差。例如，如果屏幕的总高度不是 1000dp，那么元素的高度可能会因为屏幕高度的比例而有所不同。
使用 dp 单位可以使 CSS 更加灵活，可以描述元素的字体大小、颜色、背景颜色等，而不必考虑屏幕大小和分辨率等因素。同时，由于 dp 单位是基于像素计算的，因此可以更加准确地描述元素的大小。