知识点案例回顾总结

1.⑴.CSS回顾：想要某个标签展示在也页面的最上面，不能遮盖的话，用固定定位:posotion:fixed(如提示框一类的东西）然后 

              top: 0;                                                                    

                                              left: 0;

                                              right: 0;

                                              bottom: 0;

                                              margin: auto;

 ⑵.display:felx  弹性布局（平分）案例如下：

 

⑶.css属性：text-indent: 51px;缩进距离。案例如下：

 2.代码优化问题:案例如下

 oBtnOk.onclick = function(){ oDialogBox.classList.add("hide");
 oBtnCancel.onclick = function(){oDialogBox.classList.add("hide");
优化思路：有相同的事件需要去触发时，且函数值也一样，可以另外封装一个函数去解决
  优化后：
   oBtnOk.onclick = handleClick;
   oBtnCancel.onclick = handleClick;
   function handleClick(){oDialogBox.classList.add("hide");
注意：在浏览器界面内发生一系列的事件时，浏览器会自动去帮你调用函数，所以不用handleClick()再去
另外调用。
继续最优化：
oBtnOk.onclick = oBtnCancel.onclick = oBtnCancel.onclick；

标签：知识点,hide,oBtnCancel,add,oDialogBox,案例,回顾总结,onclick,handleClick
来源： https://blog.csdn.net/weixin_66171880/article/details/122750283