English
资源说明：css文本样式
序号
中文说明
标记语法
1
字体样式
{font:font-style font-variant font-weight font-size font-family}
2
字体类型
{font-family:"字体1","字体2","字体3",…}
3
字体大小
{font-size:数值|inherit| medium| large| larger| x-large| xx-large| small| smaller| x-small| xx-small}
4
字体风格
{font-style:inherit|italic|normal|obl
CSS字体样式是网页设计中用来控制文本外观的关键属性，它允许开发者精确地调整文本的字体、大小、风格、颜色以及更多的视觉效果。以下是对这些属性的详细解释：
1. **字体样式 (Font Style)**: `font` 属性是一个简写属性，用于设置字体的多个方面，包括`font-style`、`font-variant`、`font-weight`、`font-size` 和 `font-family`。例如，`font: italic bold 12pt/14pt Times, serif` 将文本设置为斜体、粗体，字体大小为12点，行高为14点，首选字体为Times或serif。
2. **字体类形 (Font Family)**: `font-family` 属性用于指定文本的字体。可以列出多个备选字体，由逗号分隔。如果用户系统中没有第一个字体，浏览器将尝试下一个。例如，`font-family: "黑体", 隶书;` 将优先使用黑体，若没有则使用隶书。
3. **字体大小 (Font Size)**: `font-size` 属性设置文本的大小。可以使用绝对单位（如pt、px）或者相对单位（如em、%），还可以使用关键词（如`small`, `medium`, `large`）。例如，`font-size: 18pt;` 将字体大小设置为18点。
4. **字体风格 (Font Style)**: `font-style` 属性改变文本的倾斜度。`italic` 设置为斜体，`normal` 是默认值，`oblique` 则是向右倾斜但不完全斜体。例如，`font-style: italic;` 将文本设为斜体。
5. **字体粗细 (Font Weight)**: `font-weight` 属性控制字体的粗细。数值范围从100到900，`bold` 相当于700，`bolder` 更粗，`lighter` 更细，`normal` 是默认值。例如，`font-weight: bold;` 设置为粗体。
除了上述属性，还有其他与字体相关的属性：
6. **字体颜色 (Font Color)**: `color` 属性定义文本的颜色，可以使用颜色名称、十六进制值、RGB值等。例如，`color: #FF0000;` 将文本颜色设为红色。
7. **文本阴影 (Text Shadow)**: `text-shadow` 属性添加文本阴影，如`text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);` 创建一个2px水平和垂直偏移，模糊半径为4px的黑色阴影。
8. **字体行高 (Line Height)**: `line-height` 属性调整行之间的垂直间距，可以是数值、百分比、或关键字（如`normal`）。例如，`line-height: 1.5;` 创建1.5倍的行高。
9. **字符间距 (Letter Spacing)**: `letter-spacing` 属性控制字符间的距离，可以是数值或`normal`。例如，`letter-spacing: 2px;` 增加2像素的字符间距。
10. **单词间距 (Word Spacing)**: `word-spacing` 属性调整单词之间的距离，可以是数值或`normal`。例如，`word-spacing: 3px;` 增加3像素的单词间距。
11. **字体变形 (Font Variant)**: `font-variant` 属性用于小型大写字母效果，如`font-variant: small-caps;`。
12. **英文转换 (Text Transform)**: `text-transform` 属性用于英文大小写的转换，如`text-transform: uppercase;` 将文本转换为大写。
13. **字体大小调整 (Font Size Adjust)**: `font-size-adjust` 属性用于保持跨浏览器的字体缩放比例，但不是所有浏览器都支持。
14. **字体扩展 (Font Stretch)**: `font-stretch` 属性可以调整字体的宽度，从更窄到更宽，适用于某些支持此特性的字体。
理解并熟练运用这些CSS字体样式属性，可以使网页的文本更具可读性和美观性，同时也能更好地传达设计意图和内容的重要性。
本源码包内暂不包含可直接显示的源代码文件，请下载源码包。
