今天完成的事件

 问题：

前面的远点在网页收缩的时候离文字太远。

解决方法：就是在文字里面属性不设置百分比，设置固定框度。代码如下，

有师兄的教导加深理解盒子的应用，

line-height是行高 意思，当时不太理解是啥意思，它的作用大概就是行内文字的高度 比如DIV是由自带高度的，如果你设置line-height那么它的高度就是按照文字高度如，文字高度是14px那么 行内高度就是14px。

今天在准备小课堂的时候对z-index了解，

优先级我一直以为就是覆盖作用在那都可以用，但看了这图好像不是我理解的那样。

Y和Z轴属于2D效果，Z轴是3D效果，Z感觉就是优先推出视频屏幕的先后顺序，如我点击浏览器就会直接覆盖我的桌面放在我面前，桌面一些东西就会被覆盖。

知道了Z-index必须和定位一起用不然的话是没有任何效果的呢

mix-blend-mode混合模式效果图

相当于文字和背景图片结合然后可以让文字变化颜色等，跟isolation — 隔离mix-blend-mode元素的混合 isolation属性定义该元素是否必须创建一个新的层叠上下文stacking context，从而阻断混合模式。 只要元素可以创建层叠上下文，就可以阻断mix-blend-mode。

知道在CSS中，也是如此。一般情况下，元素都是在一个层面上，看不出差异。但是一旦元素之间出现了重叠，就不可能出现等同关系，就要有个先后顺序，这就产生了层叠顺序和层叠上下文，而z-index则是它们中的一部分，而z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

层叠水平顺序决定了同一个层叠上下文中元素在ž轴上的显示顺序，