### CSS属性大全完整版知识点详解
#### 一、字体（Font）相关属性
- **font-size**: 控制文字大小。
- `x-large`: 大号字体。
- `xx-small`: 非常小的字体。
- `1em`: 当前元素字体大小的1倍。
- `16px`: 绝对像素值。
- **font-style**: 设置字体样式。
- `oblique`: 倾斜字体。
- `italic`: 斜体。
- `normal`: 正常字体。
- **line-height**: 控制行高。
- `normal`: 默认行高。
- `1.5em`: 行间距为当前字体大小的1.5倍。
- `16px`: 固定行间距。
- **font-weight**: 设置字体粗细。
- `bold`: 加粗。
- `lighter`: 更轻的字体。
- `normal`: 正常字体。
- **font-variant**: 字母大小写变化。
- `small-caps`: 小大写字母。
- `normal`: 不改变大小写。
- **text-transform**: 文本转换。
- `capitalize`: 每个单词首字母大写。
- `uppercase`: 全部大写。
- `lowercase`: 全部小写。
- `none`: 不转换。
- **text-decoration**: 文本装饰。
- `underline`: 下划线。
- `overline`: 上划线。
- `line-through`: 删除线。
- `blink`: 闪烁（不再支持）。
- **font-family**: 设置字体系列。
- `Courier New`: 等宽字体。
- `Arial`: 无衬线字体。
- `Times New Roman`: 有衬线字体。
- `Verdana`: 网页上常用的无衬线字体。
#### 二、背景（Background）属性
- **background-color**: 背景颜色。
- `#FFFFFF`: 白色。
- **background-image**: 背景图片。
- `url(image.jpg)`: 指定图片路径。
- **background-repeat**: 图片重复方式。
- `no-repeat`: 不重复。
- **background-attachment**: 图片固定方式。
- `fixed`: 相对于视口固定。
- `scroll`: 随页面滚动。
- **background-position**: 图片位置。
- `left top`: 左上角。
- **background**: 简写背景属性。
- `background: #000 url(image.jpg) repeat fixed left top;`: 综合设置背景颜色、图片、重复方式、固定方式及位置。
#### 三、区块（Block）属性
- **letter-spacing**: 字母间距。
- `1pt`: 字母间距离增加1磅。
- **text-align**: 文本对齐方式。
- `justify`: 两端对齐。
- `left`: 左对齐。
- `right`: 右对齐。
- `center`: 居中。
- **text-indent**: 首行缩进。
- `2em`: 缩进两个当前字体大小的距离。
- **vertical-align**: 垂直对齐方式。
- `baseline`: 底线对齐。
- `sub`: 下标。
- `super`: 上标。
- `top`: 顶部对齐。
- `middle`: 居中对齐。
- `bottom`: 底部对齐。
- **word-spacing**: 单词间距。
- `1px`: 单词间距离增加1像素。
- **white-space**: 空白处理。
- `pre`: 保留空白字符。
- `nowrap`: 不换行。
#### 四、显示（Display）属性
- **display**: 定义元素的显示类型。
- `block`: 块级元素。
- `inline`: 内联元素。
- `list-item`: 列表项。
- `run-in`: 内联与块级元素的混合。
- `table`: 表格元素。
- `inline-table`: 内联表格元素。
- `table-row-group`: 表格行组。
- `table-header-group`: 表格头部组。
- `table-footer-group`: 表格底部组。
- `table-row`: 表格行。
- `table-column-group`: 表格列组。
- `table-column`: 表格列。
- `table-cell`: 表格单元格。
- `table-caption`: 表格标题。
#### 五、盒子模型（Box Model）属性
- **width**: 宽度。
- `200px`: 固定宽度。
- **height**: 高度。
- `300px`: 固定高度。
- **float**: 浮动。
- `left`: 向左浮动。
- `right`: 向右浮动。
- **clear**: 清除浮动。
- `both`: 同时清除左右浮动。
- **margin**: 外边距。
- `10px`: 所有方向外边距均为10像素。
- **padding**: 内边距。
- `5px`: 所有方向内边距均为5像素。
#### 六、边框（Border）属性
- **border-style**: 边框样式。
- `dotted`: 点线。
- `dashed`: 虚线。
- `solid`: 实线。
- `double`: 双实线。
- `groove`: 凹槽样式。
- `ridge`: 凸起样式。
- `inset`: 内嵌样式。
- `outset`: 外凸样式。
- **border-width**: 边框宽度。
- `2px`: 边框宽度为2像素。
- **border-color**: 边框颜色。
- `#000`: 黑色。
- **border**: 简写边框属性。
- `border: 2px solid #000;`: 综合设置边框宽度、样式及颜色。
#### 七、列表样式（List Style）属性
- **list-style-type**: 列表项目标记类型。
- `disc`: 圆点。
- `circle`: 圆圈。
- `square`: 方块。
- `decimal`: 数字。
- `lower-roman`: 小写罗马数字。
- `upper-roman`: 大写罗马数字。
- `lower-alpha`: 小写字母。
- `upper-alpha`: 大写字母。
- **list-style-position**: 列表项目标记位置。
- `outside`: 默认，位于列表文本之外。
- `inside`: 位于列表文本之内。
- **list-style-image**: 使用图像作为列表项目标记。
- `url(image.jpg)`: 使用指定图片作为列表标记。
#### 八、定位（Positioning）属性
- **position**: 定位方式。
- `absolute`: 绝对定位。
- `relative`: 相对定位。
- `static`: 静态定位（默认）。
- **visibility**: 可见性。
- `visible`: 显示。
- `hidden`: 隐藏。
- `inherit`: 继承父元素的可见性设置。
- **overflow**: 溢出处理。
- `visible`: 默认，溢出部分可见。
- `hidden`: 隐藏溢出部分。
- `scroll`: 总是显示滚动条。
- `auto`: 根据内容自动显示或隐藏滚动条。
- **clip**: 裁剪。
- `rect(12px, auto, 12px, auto)`: 设置裁剪区域。
以上列举了CSS中较为常用的一些属性及其含义，通过这些属性可以实现丰富的网页布局和设计效果。掌握这些基本的CSS属性可以帮助开发者更好地控制网页中的各个元素，从而实现更加美观和功能强大的网页界面。
