day03-layout 定位、层级、字体、图标字体

定位（position）

• 是一种更加高级的布局手段；
• 通过定位可以将元素摆放到页面的任意位置；
• 使用position属性来来设置定位；

可选值
static	默认值，元素是静止的没有开启定位
relative	来气元素的相对定位
absolute	开启元素的绝对定位
fixed	开启元素的固定定位
sticky	开启元素的粘滞定位

相对定位relative

---

特点：
1、元素开启相对定位后，如果不设置偏移量元素不会发生任何变化；
2、相对定位是参照元素在文档流中的位置进行定位的；
3、相对定位会提升元素的层级；
4、相对定位不会使元素脱离文档流；
5、相对定位不会改变元素的性质，块还是块，行内还是行内；

偏移量offset

当元素开启了相对定位后，可以通过偏移量来设置元素的位置；

top	定位元素和定位位置上边的距离
bottom	定位元素和定位位置下边的距离
left	定位元素和定位位置左侧的距离
right	定位元素和定位位置右侧的距离

top bottom 控制垂直方向的位置，通常情况下只使用其中