### CSS样式大全知识点详解
#### 一、字体样式(Font Properties)
**1. 字体大小 (font-size):**
- `x-large`: 设置字体为较大尺寸。
- `xx-small`: 设置字体为非常小的尺寸。
**2. 字体风格 (font-style):**
- `oblique`: 设置字体倾斜显示。
- `italic`: 设置字体为斜体。
- `normal`: 设置字体为正常样式。
**3. 行高 (line-height):**
- `normal`: 设置行高为默认值。
- 可以设置具体的数值或单位如 `1.5` 或 `2em` 来调整行间距。
**4. 字体粗细 (font-weight):**
- `bold`: 设置字体加粗。
- `lighter`: 设置字体较轻。
- `normal`: 设置字体为常规粗细。
**5. 字体变形 (font-variant):**
- `small-caps`: 将文本转换为小型大写字母。
- `normal`: 不对文本进行变形处理。
**6. 文本转换 (text-transform):**
- `capitalize`: 将每个单词首字母大写。
- `uppercase`: 转换文本为全大写。
- `lowercase`: 转换文本为全小写。
- `none`: 不转换文本。
**7. 文本装饰 (text-decoration):**
- `underline`: 在文本下添加下划线。
- `overline`: 在文本上方添加上划线。
- `line-through`: 在文本中间添加删除线。
- `blink`: 使文本闪烁(该属性不被推荐使用)。
**8. 字体家族 (font-family):**
- 示例:`"Courier New", Courier, monospace`
- `"Courier New"`: 首选字体。
- `Courier`: 替代字体。
- `monospace`: 当前两种字体都不可用时,使用等宽字体。
#### 二、背景样式 (Background Properties)
**1. 背景颜色 (background-color):**
- 示例:`#FFFFFF` (纯白色)
- 使用十六进制、RGB 或颜色名称来指定颜色。
**2. 背景图片 (background-image):**
- 示例:`url("背景图片路径")`
- 使用URL指向图片文件。
**3. 背景重复 (background-repeat):**
- `no-repeat`: 背景图片不重复。
- `repeat-x`: 背景图片沿水平方向重复。
- `repeat-y`: 背景图片沿垂直方向重复。
- `repeat`: 背景图片在水平和垂直方向上重复(默认)。
**4. 背景固定 (background-attachment):**
- `fixed`: 背景图片相对于视口固定位置。
- `scroll`: 背景图片随页面滚动而滚动(默认)。
**5. 背景位置 (background-position):**
- 示例:`left top`
- 使用预定义关键字(如`left`、`right`、`top`、`bottom`)或百分比值来定位背景图片。
**6. 综合背景属性 (background):**
- 示例:`background: #000 url("背景图片路径") repeat fixed left top;`
- 结合使用颜色、图片、重复方式、固定方式以及位置来综合设置背景效果。
#### 三、块级元素属性 (Block Properties)
**1. 字母间距 (letter-spacing):**
- 示例:`normal` 或者具体的数值(如`2px`)
- 设置字符之间的间距,默认为`normal`。
**2. 文本对齐 (text-align):**
- `justify`: 两端对齐。
- `left`: 左对齐。
- `right`: 右对齐。
- `center`: 居中对齐。
#### 四、总结
以上列举了CSS中的基本字体和背景样式属性,以及部分块级元素属性。这些属性能够帮助我们有效地控制网页中的文字样式和布局效果,使得页面更加美观和易于阅读。在实际开发中,可以根据具体需求灵活运用这些属性来实现所需的视觉效果。同时,随着CSS版本的更新和发展,还会有更多强大的属性可供选择,建议持续关注CSS的新特性。