css的小知识点

知识点1：transform: translate(-50%, -50%) scale(1.5)

在position: fixed的状态下将transform横竖调成-50%, top和left都为0
scale(1.5)就是经过后当前的盒子从1，胖成1.5.用于经过特效

知识点2：pointer-events: none

解决层数关系，说白了选择他的div都将成为 “只能看不能用的东西”
因为获取当前的div都会时时跟着你！你原本点击的按钮点下去是无效的！因为被你当前圆形的盒子挡住了！只要你用了pointer-events: none
那么这个圆形就成了摆设！不信你就点击下方的 干死我 这个按钮

知识点3：addEventListener

多功能的一个，在ec5里都是onclick，onmousemove！有他你就能直接写click，mousemove等
而且还有删除事件，比如现在的圆形圈太碍眼！那么就做一个按钮

 function oooooo(){
    原本的圆形函数
 }
 xxx.removeEventListener("click", oooooo)

知识点4 p:hover~.b

这句话的意思是
p被经过时候！屁股后面有b的话就触发！
你不考虑b到底用不用经过！
只要记住 这个b一定要在p的屁股后面才能触发！

知识点5：a.style.cssText

a 和b一样
a.style.cssText = b.style.cssText = "left:" + e.clientX + "px;top:" + e.clientY + "px"

意思是a的style的 {} 里装 left：xxxx! 里面的e就是获取当前经过的相关参数！我们选择了e.clientX和Y

此处省略6万字



 
   干死我