# 字体样式
在网页设计中，字体样式是一个非常重要的元素，它可以影响整个页面的视觉效果和用户体验，字体样式是指文本的外观和风格，包括字体、字号、加粗、斜体、下划线等，通过合理地使用字体样式，可以让文本更加突出、易读、美观，从而提升用户的阅读体验。
在HTML中，可以使用CSS（级联样式表）来设置字体样式，CSS是一种样式表语言，用于描述HTML或XML（包括如SVG, MathML等衍生技术）文档的呈现，CSS描述了如何在屏幕、纸张或其他媒介上渲染元素。
以下是一些常用的CSS字体样式属性：
1. 字体（font-family）：用于设置文本的字体类型。
p {
font-family: Arial, sans-serif;
}
2. 字号（font-size）：用于设置文本的大小。
h1 {
font-size: 24px;
}
3. 加粗（font-weight）：用于设置文本的粗细程度。
strong {
font-weight: bold;
}
4. 斜体（font-style）：用于设置文本的倾斜效果。
em {
font-style: italic;
}
5. 下划线（text-decoration）：用于设置文本的下划线效果。
a {
text-decoration: underline;
}
这些属性可以单独使用，也可以组合使用，以达到更好的效果，可以将字体、字号和颜色组合在一起，以设置标题的样式：
h1 {
font-family: Arial, sans-serif;
font-size: 24px;
font-weight: bold;
color: #333;
}
除了这些基本的字体样式属性外，还有一些高级的CSS属性，如text-shadow（文本阴影）、text-transform（文本转换）等，可以进一步美化文本，可以使用text-shadow属性为文本添加阴影效果：
p {
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
还可以使用CSS预定义的关键词或自定义的CSS变量来设置字体样式，可以使用CSS变量来设置主题色和字体大小：
:root {
--main-color: #333;
--font-size: 16px;
}
body {
color: var(--main-color);
font-size: var(--font-size);
}
