window.onload=function(){
     var btn =document.querySelector("button");
           btn.onclick=function(){

    var box=document.querySelector(".box");

         box.style.display="flex";
}

var close =document.querySelector(".close");
          close.onclick=function(){
         var box =document.querySelector(".box");
         box.style.display="none";
    }

}                   

 

                                                                          // document.querySelectorAll() 找全部
                                                                         // 配合 遍历使用 找到所以button
                                                                      // document.querySelector()找一个

 

 

.content .box .right .text div input[type=text]:focus  //当锁定type属性为text的焦点改变其属性

background-color: rgba(0, 0, 0, 0.333);      //多背景rgba   

• （R）255
• （G）0 255
• （B）0 255
• （A）0+1