css中不同的字体样式代码

CSS中可以通过字体样式代码来改变网页中的文字样式。字体样式包括字体类型、字体大小、字体粗细、字体颜色等。

字体类型可以通过font-family属性来指定。在CSS中，可以使用系统默认的字体，也可以使用自定义字体。系统默认字体包括serif、sans-serif、monospace等，分别对应衬线字体、无衬线字体和等宽字体。自定义字体可以通过引入外部字体文件或使用Web安全字体来实现。下面是一些示例代码：

/* 使用系统默认字体 */
body {
  font-family: sans-serif;
}
/* 使用自定义字体 */
@font-face {
  font-family: 'MyFont';
  src: url('myfont.ttf');
}
h1 {
  font-family: 'MyFont', sans-serif;
}

字体大小可以通过font-size属性来指定。可以使用绝对单位（如px、pt）或相对单位（如em、rem）来定义字体大小。绝对单位会根据设备分辨率保持固定大小，而相对单位会根据父元素的大小进行相对调整。下面是一些示例代码：

/* 使用像素单位 */
h1 {
  font-size: 24px;
}
/* 使用相对单位 */
p {
  font-size: 1.2em;
}

字体粗细可以通过font-weight属性来设置。常见的取值有normal（默认）、bold（加粗）、lighter（细体）和bolder（更粗体）。可以根据需要选择合适的粗细程度。下面是一些示例代码：

/* 使用粗体 */
h1 {
  font-weight: bold;
}
/* 使用细体 */
p {
  font-weight: lighter;
}

字体颜色可以通过color属性来定义。可以使用具体的颜色值（如十六进制、RGB、HSL）或使用预定义的颜色名称（如red、blue、green）。下面是一些示例代码：

/* 使用颜色值 */
h1 {
  color: #ff0000;
}
/* 使用预定义颜色名称 */
p {
  color: blue;
}

除了上述常用的字体样式代码，还可以通过其他属性来进一步调整字体样式，如字体间距（letter-spacing）、行高（line-height）、文本装饰（text-decoration）等。这些属性可以根据具体需求进行设置，以达到更好的视觉效果。

通过CSS中的字体样式代码，我们可以灵活地改变网页中的文字样式，使其更符合设计要求，提升用户体验。