CSS+JS实现登陆弹窗

CSS+JS实现登陆弹窗

学习目标：网页登陆弹窗的实现
主要功能：CSS的display属性

首先，弹出框的实现是使用CSS里面的Display来实现，
display:none; 不显示
display:block;显示
（之前看到有人将display的属性设为Null来实现显示，测试时灵时不灵，对于小白的我来说暂时不确定原因，后续学习到了再说）

设计思路：
先预设一个div来设计登陆窗口，style属性中display设置为none，等于设计了一个窗口，但是不触发的情况是不显示的，代码如下：

<style>
#login{
    
    
display:none; position:absolute; left:50%; top:50%; width:600px; height:400px; margin-left:-300px; margin-top:-200px; border:1px solid #888