遮罩层（该作品思路出自教师）

                              遮罩层

（1.）创建一个div，给他一个类（类名随意，不要起中文）。
2.

（2.）给他设置边距等，让他变成你想要的盒子，盒子高为1000像素。
3.

（3.）再给他设置两个类，第二个类里面设置id，后面要用到js，（header包裹住这两个div）。
4.

（4.）给c1设置宽为百分之100和高为500像素，再给他一个颜色，
最后再给他个边角变成圆角的效果（让他变得圆润点）。
5.

（5.）给h1里面的botton标签设置颜色，左外边距为445像素，行高也为445像素，放上图片，图片后面设置图片的位置，第一个是宽，第二个是高，后面加个图片不重复，内边距为22px,内上边距为0px，点击按钮就设置好了（图片是按钮的背景图）。
6.

（6.）接下来就是设计他的遮罩层，给遮罩层设置类和id（这个不要被任何div包裹）。
7.

（7.）给遮罩层的类设计遮罩层，透明度，固定定位，宽为百分之100高为10000像素等（后面的none是隐藏他的遮罩层）。
8.

（8.）设置完遮罩层，就该设置它里面的内容了，想给他一个类，
这个类要在遮罩层里面（简称：部分1）。
9.

（9.） 给部分1设置宽度为700像素，给他相对定位，给他设置位置，颜色是白色 ，给他边框设置圆角为5像素。
10.

（10.）最后是关闭按钮了，给他设置部分2和id，让他被部分1包裹，
11.

（11.）再给他设置图片的宽为26像素，图片高为25像素，把他行内元素转化为块级元素，再给他设置图片位置高位10像素，右边为10像素。
12.

（12.）最后设置点击事件，用到之前给到的id来设置，导入id，用zhezhaoceng为主体来设置。
Cctv的display=”block”;这串代码是打开遮罩层，即然有打开，那就也有关闭。
后面那一句就是关闭，把cctv换成guanbi，然后再把display后面设置成”none”。