css字体大小为什么要加px

在进行CSS样式表的设计时，经常会使用到修改字体的大小。而我们在设置字体大小时，都会在数字后面加上 px，例如 font-size: 16px。为什么CSS字体大小要加上px呢？

//css样式代码
p {
  font-size: 16px;
}

其实，CSS字体大小要加上px是因为CSS使用的是绝对长度单位。

绝对长度单位指该属性的值不会根据其他尺寸的改变而改变。比如，CSS中常用的尺寸单位有px、in、cm等。其中，px是像素，是相对于屏幕分辨率而言的。

因为屏幕分辨率是固定的，所以使用像素作为CSS的单位，可以保证设计效果的一致性和稳定性。而不会像使用 em 或 rem 做单位时，会根据用户设置的不同字体大小而产生不同的结果。

另外，加上px可以提高CSS的兼容性。在早期的CSS版本中，px是唯一能被所有浏览器正确解释的单位。虽然现在浏览器的CSS支持已经相当成熟，但为了避免出现不兼容的情况，加上px依然是一个好习惯。

综上所述，CSS字体大小要加上px是因为CSS使用的是绝对长度单位，使用像素保证了设计效果的稳定性，同时也提高了CSS的兼容性。