这是我参与第五届青训营的伴学笔记创作活动的第一天
学了快一年事件的前端了，目前在主攻vue，很长一段时间构建前端页面都是依靠elenet-ui，bootstarp之类的，最近想来用纯HTML，css(静态网站)来写页面布局（今后肯定会有高度定值化的网站布局了），发现之前学过的东西有很多知识都变得非常的不熟练，还有很多的细节之前的学习过程被忽视了，这一篇博客主要是来记录复习的知识点，同时在进行青训营的相关学习之后，发现还有许多可以查漏补缺的点。
首先来讲一下行内元素和块级元素
行内元素
- 与兄弟元素都是在一行里边
- 不占有独立的区域，仅仅依靠自己的字体大小或者图像大小来支撑结构
- 一般是不可以设置宽度，高度以及对其等属性。（这一点是非常值得注意的）
- 水平方向的margin和padding是可以设置的
块级元素’ 5. 每个块级元素都会自己独自占据一行 6. 高度，行高，内外边距都是可以单独设置的 7. 默认的宽度为容器的100%
行内块元素 简单来说就是讲行内元素和块级元素两者的特点进行了结合
display: block; 将元素定义为块级元素
display: inline; 将元素定义为行内元素
display: inline-block； 将元素定义为行内块元素
来讲讲css定位position
对于position有五种应用与元素定位的方法类型，分别是：
- static
- relative
- absolute
- fixed
- sticky 元素位置的操作其实都是通过top，bottom，left，right属性进行定位的，但是必须得设置position属性，才可以使用之前的top等属性，不同的position属性的值对应不同的定位方式
static
- HTML 元素默认情况下的定位方式为 static（静态）。
- 静态定位的元素不受 top、bottom、left 和 right 属性的影响。
- position: static; 的元素不会以任何特殊方式定位；它始终根据页面的正常流进行定位： 简而言之就是该怎样就是怎么样的，因为默认形式就是这个
relative（重点）
- position: relative; 的元素相对于其正常位置进行定位。
- 设置相对定位的元素的 top、right、bottom 和 left 属性将导致其偏离其正常位置进行调整。
- 这个地方是相对自己本身的位置进行偏移，而且原先位置同样没有消失
absolute（重点）
- position: absolute; 的元素相对于最近的定位祖先元素进行定位（而不是相对于视口定位，如 fixed）。
- 然而，如果绝对定位的元素没有祖先，它将使用文档主体（body），并随页面滚动一起移动。
- 注释: "被定位的"元素是其位置除 static 以外的任何元素。
- 还有一点值得注意（与relative不同的地方），元素移动之后之前的位置不会空在那。
本章文章总结，主要是结合本人位于其他博客总结的一些修改，无侵权行为
