📜  字体样式 - CSS (1)

📅  最后修改于: 2023-12-03 15:09:20.711000             🧑  作者: Mango

字体样式 - CSS

CSS(Cascading Style Sheets) 是一种用于描述文档如何被呈现的语言,其中包含着大量的字体样式,可以让程序员在网页制作过程中灵活选择。

字体属性

CSS中有多种字体属性用于控制字体的样式、大小和颜色等属性。其中一些最常用的字体属性包括:

  • font-family:用于设置字体的类型。
  • font-size:用于设置字体的大小。
  • font-weight:用于设置字体的粗细程度。
  • font-style:用于设置字体是否倾斜。

对于这些属性的设置,程序员可以单独设置某一项,也可以一次性设置多项。

设置字体类型

可以使用font-family属性来设置字体类型,例如:

body {
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

上述代码将网页中的字体类型设置为 Helvetica Neue,如果该字体不可用,则使用 Helvetica,如果 Helvetica 也不可用,则使用 Arial,最后,如果前面都不可用,则使用 sans-serif。

设置字体大小

可以使用font-size属性来设置字体大小,例如:

body {
  font-size: 16px;
}

该代码将网页中的字体大小设置为 16px。

设置字体粗细程度

可以使用font-weight属性来设置字体的粗细程度,例如:

body {
  font-weight: bold;
}

这将使字体加粗,如果需要设置较粗的字体,可以使用更高的粗细程度值(比如 600)。

设置字体是否倾斜

可以使用font-style属性来控制字体是否倾斜,例如:

body {
  font-style: italic;
}

该代码使网页中的字体呈现为斜体,如果需要设置倾斜程度更高的字体,可以使用更高的倾斜程度值(比如 oblique 45deg)。

示例

下面是一个简单的示例,演示如何将不同的字体属性组合起来使用:

body {
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
}

这将设置网页中的字体为 Helvetica Neue,大小为 16px,加粗且斜体。