top值：(屏幕或浏览器高度 + 窗体大小) / 2 这个是垂直居中位置
left值：(屏幕或浏览器宽度 + 窗体大小) / 2 这个是水平居中位置
有四种方式，行内样式，内嵌式，链接和导入式行内呢是在标签里直接写，比如
内嵌是写在之间，例如：
链接和导入没有什么太大的区别，需要简历外部css文件，在gw中按ctrl+n有那选项
之后在页面之间加入css文件所在路径调用，如下，
锁屏效果的原理：共3层，最里面一层是网页的内容，其次一层是透明层，最外面一层是弹出窗口，而控制这三层显示先后顺序的是z-index值，z-index值越大越靠近外面，若理解不了，你可以这样想：在数学里，我们有学过直角坐标系吧，里面分为x轴、y轴、z轴，其中z-index你可以看成是z轴，z轴的值是不是，越往外，值越大。只要将这三层的z-index值设为不同，在最外面的弹出框那层z-index值设为最大，然后将中间那层的透明度改小一点，就好了。
