css样式中定位属性position：
属性值：static、absolute、relative、fixed。
作用：解决布局中不好解决的布局方式。
1、position：absolute，绝对定位。如果父级有定位属性，那么就相对于父级进行位置偏移；如果父级没有定位属性，那么就会往上面寻找，找到找到最大的父级——浏览器。
建议是不在大的网页布局中实用绝对定位，因为绝对定位是跟浮动一样，也是会破坏正常的文档流的。
2、position：relative 相对定位，移动的参照物是相对于初始位置进行移动。相对定位不会破坏正常文档流，初始位置存在。
作用：给绝对定位做参照，也可以相对于初始位置偏移位置。
3、position：static 静态定位，是css样式中的默认值。
作用：给绝对定位做参照。
4、position：fixed 固定属性，参照物是相对于浏览器进行位置偏移的，脱离文档流。
作用：滑动滚动条，固定属性并不会随着滚动条滚动，一般是用来制作广告窗口。
5、postion：position 粘性定位，结合了相对定位和决定我定位的特点。既不会脱离文档流，也是相对于浏览器进行偏移。
哈哈，学了粘性属性是不是觉得页面一下子变得简单了，也不用给内容设置盒子了，直接设置粘性属性，让其在浏览器需求位置显示就可以了？
因为粘性属性是css版本中新增的属性，所以在PC端和移动端的兼容性很差，所以一般不使用噢~~[css中越好用的属性兼容性越差，果然玫瑰都是带刺的]
实现在浏览器居中的两种方式：
1、已知宽高大小：给元素添加绝对定位属性position：absolute——使其以浏览器作为参照向偏移50%的距离金和向下偏移50%的距离 left：50%；top：50%；后使其向上的距离缩短元素高度的1/2和使其向左的距离缩短元素宽的1/2 margin-top：1/2高；margin-left：1/2宽。最终实现元素在浏览器中居中。
2、未知宽高大小：给元素添加定位属性position：absolute；top：0；bottom：0；left：0；right：0；margin：auto；使元素强制居中。
锚点：
定义： 是网页制作中超级链接的一种，又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。
1、给元素定义命名锚记名 语法：<标记 id="命名锚记名"> </标记>。
2、命名锚记连接 语法：<a href="#命名锚记名称"></a>。
应用：点击底部按钮回到顶页、二级导航、轮播图。一般跟定位属性在一起使用。
【拓展】给html和body标签设置scroll-behavior：smooth这样的属性和属性值时可以使html中点击加载的速度变慢。
写移动端或者全屏案例时可以设置html body{width：100%；height：100%}浏览器有100%的宽高，消除bug。
层叠属性z-index：
属性值auto/number（数值），数字越大，最优先显示，优先级越高。在制作二级导航栏时可以用到。
