p { font-size: 16px; line-height: 24px; }
在上面这个例子中,字体大小为16px,行高为24px。这意味着在页面上,每一行文字的高度是24px,而字体大小是16px。如果大家在这个例子中更改字体大小,大家也需要相应地增加或减少行高,以确保文本仍然能够清晰地阅读。
p { font-size: 20px; line-height: 28px; }
这个例子中,大家将字体大小增加到20px,并将行高增加到28px。这样做是为了确保文本更清晰、更易读。
总的来说,在CSS中使用正确的字体大小及其行间距可以使页面更易读、更引人注目。所以,大家要更好地理解字体大小与行高之间的关系,以便在设计网页时更好地运用。