你知道CSS中长度单位pt、px、dpi的意思吗？

当我们在CSS样式表中设置元素的长度和宽度等属性时，需要用到长度单位。在CSS中，长度单位分为绝对单位和相对单位。其中，常见的绝对单位有pt、px、dpi等。

• pt：pt是一种印刷单位，代表了1/72英寸，等同于1/6英分之一英寸。在印刷和排版领域中比较常用，因为它可以相对精准的表示印刷品的大小，但在Web开发中使用比较少。

• px：px是像素单位，代表屏幕上的一个像素点。在页面设计中比较常用，因为像素单位直接关系到屏幕显示效果。一般情况下，我们推荐使用px单位来设置元素的宽高等属性。

• dpi：dpi是每英寸点数，表示打印机每英寸可以打印多少个点，通常用于设置打印时的页面大小和元素大小。

示例1：设置元素的宽度为100pt

p {
  width: 100pt;
}

这个样式会将p元素的宽度设置为100pt，也就是相当于1.39英寸，因为每英寸有72个点，那么100个点就相当于1.39英寸。这个属性虽然不常用，但在某些需要精准控制页面大小的场景中还是可以使用的。

示例2：设置元素的字号为12px

p {
  font-size: 12px;
}

这个样式会将p元素内文字的字号设置为12个像素，因为1像素等同于屏幕上的1个点，所以字体大小也可以用像素来进行描述。在Web设计中，像素单位是比较常用的。可以搭配其它属性一起使用，如width:100px来设置元素的宽度。