CSS 中 font: 14px/20px 代表什么？

css 中 font: 14px/20px 的含义

在 css 中，font 属性用于定义字体的各种属性，包括字体大小、字体系列和行高。当 font 属性包含类似于 "14px/20px" 的值时，它表示两个独立的属性：

• font-size：定义字体的实际大小，由第一个值（例如，14px）指定。
• line-height：定义行之间的垂直间距，由第二个值（例如，20px）指定。

因此，使用 font: 14px/20px 会导致以下效果：

font-size: 14px;
line-height: 20px;

在这种情况下，字体的实际大小为 14px，而行之间的垂直间距则为 20px。这将导致文本具有适当的行间距，防止文本重叠。

需要注意的是，font 属性是一个简写属性，用于同时设置多个文本属性。因此，使用 font: 14px/20px 等同于使用上述两个单独的属性声明。