1.块元素、行内元素、行内块元素
块元素的特征：
- 自身独占一行
- 高宽、宽度、内外边距可自定义
- 宽度默认为父元素的100%
- 默认纵向排列
- 高度默认被内容撑开
常见块元素：<p><div><ul><li><h1>-<h6><form>
行内元素特征：
- 相邻元素在一行
- 高度宽度设置无效
- 默认的宽高是文本内容的宽高
- 行内元素仅容纳行内元素和文本
- 默认横向排列,会自动换行
- margin仅设置左右方向有效，padding设置上下左右都有效
常见行内元素：<a><span><em><i><b><strong>
行内块元素特征:
- 一行可多个，彼此留有空
- 默认宽度是内容的宽
- 高度、宽度、内外边距都可自定义
常见行内块元素：<img/><input/><td>
强制转换：
转换为块元素：display:block;
转换为行内元素：display:inline;
转换为行内块元素：display:inline-bolck;
display：none（
- 常用来动态的显示或者隐藏元素
- 元素不占据空间，且不显示
）
2.margin（外边距）:
- 百分比是相对于最近父元素宽度百分比；但如果该百分比块元素采取绝对定位，那么百分比则是相对于祖先的
- margin:0 auto水平居中（相当于margin-left:auto;margin-rigth;auto是把剩余空间平分给两侧）
- margin:auto 0垂直居中（auto是用来处理被改变的剩余空间）
- margin负值：
- margin-left\margin-top为负值，自身根据负值大小进行向左或向上的偏移
- margin-right\-bottom,自身位置不变，影响身后元素
3.`cursor` 是 CSS 属性，用于设置鼠标指针在悬停于元素上时的样式。它可以改变鼠标指针的外观。
`cursor` 属性可以接受多种值，常见的值如下：
- `auto`：默认值，浏览器自动选择合适的鼠标指针样式。
- `pointer`：将鼠标指针设置为手型，表示当前元素是可点击的。
- `default`：将鼠标指针设置为默认样式，通常是一个箭头。
- `crosshair`：将鼠标指针设置为十字线样式，表示可进行选择。
- `text`：将鼠标指针设置为 I 型（竖线），表示可进行文本内容输入。
- `move`：将鼠标指针设置为移动样式，表示对当前元素可以进行拖动操作。
- `not-allowed`：将鼠标指针设置为禁止样式，表示当前元素是不可操作的。
除了上述值，`cursor` 属性还支持许多其他的值，如缩放样式、旋转样式、手柄样式等，可根据实际需求选择适合的样式。
以下是一个示例，将鼠标指针样式设置为手型：
```css
.button {
cursor: pointer;
}
```
在上述示例中，将 `cursor` 属性应用于一个元素的 CSS 类名 `.button`，鼠标悬停在该元素上时，鼠标指针将显示为手型。
使用 `cursor` 属性可以提供更好的用户体验，让鼠标指针在与元素交互时有一致的反馈，帮助用户了解当前元素的交互状态。
\padding\父相子绝
杂：line-height行高
父相子绝中：top：顶端偏移量（定义元素相对于参照元素上边线的距离）
未完...