CSS 中的 font(字体)属性是让我们控制文本字体样式的重要属性之一。我们可以使用不同的属性值来设置字体大小、字体类型以及字体风格。
/* 设置字体大小 */ p { font-size: 16px; } /* 设置字体类型 */ p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } /* 设置字体风格 */ p { font-style: italic; }
在 CSS 中,我们可以使用 font-size
属性来设置文本的字体大小。这个属性的值可以是固定的像素值,也可以是相对于浏览器默认字体大小的百分比值。例如,我们可以在样式表中使用下面的属性来将所有段落的字体大小设置为 16 像素:
p { font-size: 16px; }
除了字体大小,我们还可以使用 font-family
属性来设置文本的字体类型。这个属性的值可以包含一个或多个字体名称,以逗号分隔。如果浏览器无法找到第一个字体,它将尝试使用下一个字体。下面的代码将使所有段落使用 Helvetica Neue 字体,如果无法找到这个字体,则使用 Helvetica 字体;如果还是无法找到,就使用默认的 Arial 字体。
p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
最后一个与字体相关的属性是 font-style
,它允许我们设置文本的字体风格为斜体、正常或倾斜。使用该属性可以轻松地改变文本的外观,使文本内容的呈现更丰富多彩。下面的代码将使所有段落的字体风格设置为斜体。
p { font-style: italic; }
综上所述,CSS 的 font 属性是控制文本字体样式的重要属性之一。通过设置不同的属性值,我们可以改变文本的字号、字体类型和字体风格,从而实现不同的文本效果。