2048学习

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：顶端偏移量（定义元素相对于参照元素上边线的距离）

未完...